Pourquoi ne pas désactiver l'attribut de travail sur Bootstrap-sélectionner?
-
21-12-2019 - |
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!!!!
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'
});
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