¿Por qué no deshabilita el trabajo de atributo en Bootstrap-Select?
-
21-12-2019 - |
Pregunta
Quiero diseñar mis formularios de sitio web, entradas y seleccionar. Utilicé bootstrap para las entradas y bootstrap-select para seleccionar y iicheck para casillas de verificación. El problema es que Icheck no funciona correctamente con Bootstrap-Select.
Aquí está la prueba de JSFiddle: http://jsfiddle.net/36xpf/
Ahora, intente verificar la casilla de verificación ICHECK, la selección de BootStrap-SELECT no se desactivará. Luego, compruebe la casilla de verificación cuadrada estándar, la selección de bootstrap se desactivará.
Obtengo el atributo desaparecido para seleccionar Si una casilla de verificación está marcada con USINIGY JQUERY GRANCACODICETAGODE:
$('#checkbox1').change(function(){
if (this.checked) {
$('.selectpicker').attr('disabled', false);
} else {
$('.selectpicker').attr('disabled', true);
}
});
¿Qué hice mal? ¿Por qué el atributo deshabilitado no funciona en la selección de bootstrap?
¡Cualquier ayuda es apreciada! ¡Gracias!
Solución
Es un complemento, no una casilla de verificación regular, debe escuchar los eventos que realmente admite:
$('#checkbox1').on('ifChanged', function(){
$('.selectpicker').attr('disabled', this.checked).selectpicker('refresh');
}).iCheck({
checkboxClass: 'icheckbox_flat-red',
radioClass: 'iradio_flat-red'
});
Otros consejos
$('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);
}
});
Utilice este código JS