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!

¿Fue útil?

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' 
});

fiddle

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

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top