Question

Je veux mon style formulaire sur le site web, les intrants et les sélectionne.J'ai utilisé Bootstrap pour les entrées et les Bootstrap-sélectionnez pour les sélections et iCheck pour les cases à cocher.Le problème est que iCheck ne fonctionne pas correctement avec Bootstrap-sélectionner.

Voici jsFiddle test: http://jsfiddle.net/36Xpf/

Maintenant, essayez de vérifier la iCheck case, sélectionnez bootstrap-sélectionnez ne sera pas désactivée.Ensuite, vérifiez le carré standard case, la sélection de bootstrap sera désactivé.

Je reçois l'attribut disalbled pour sélectionner si une case est cochée avec jQuery .change():

$('#checkbox1').change(function(){
  if (this.checked) {
    $('.selectpicker').attr('disabled', false);
  } else {
    $('.selectpicker').attr('disabled', true);
  }                   
});

Qu'ai-je fait de mal?Pourquoi les handicapés attribut ne fonctionne pas sur bootstrap choisir?
Toute aide est appréciée!Merci!!!!

Était-ce utile?

La solution

C'est un plugin, pas régulier, une case à cocher, vous devez écouter les événements qu'il prend en charge :

$('#checkbox1').on('ifChanged', function(){
    $('.selectpicker').attr('disabled', this.checked).selectpicker('refresh');
}).iCheck({
    checkboxClass: 'icheckbox_flat-red',
    radioClass: 'iradio_flat-red' 
});

VIOLON

Autres conseils

    $('input#checkbox1').iCheck({
    checkboxClass: 'icheckbox_flat-red',
    radioClass: 'iradio_flat-red' 
});
$('.selectpicker').selectpicker();


$(document).on('ifChecked','#checkbox1',function(){
      $('.selectpicker').prop('disabled',true);
     $('.selectpicker').selectpicker('refresh');
});
$(document).on('ifUnchecked','#checkbox1',function(){
     $('.selectpicker').prop('disabled',false);
     $('.selectpicker').selectpicker('refresh');
});


/*standard checkbox*/
$('#checkbox2').change(function(){
  if (this.checked) {
    $('.standard').attr('disabled', true);
  } else {
    $('.standard').attr('disabled', false);
  }                   
});

utilisez ce code js

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top