Perché non disabilita l'attributo funziona su bootstrap-select?

Question

Voglio modellare i miei moduli, ingressi e seleziona i miei moduli del sito Web. Ho usato bootstrap per gli ingressi e bootstrap-select per selects and Icheck per le caselle di controllo. Il problema è che iChECK non funziona correttamente con Bootstrap-Select.

Ecco Jsfiddle Test: http://jsfiddle.net/36xpf/

Ora, prova a controllare la casella di controllo Icheck, la selezione di bootstrap-select non sarà disabilitata. Quindi selezionare la casella di controllo Square standard, la selezione del bootstrap sarà disabilitata.

Ottenere l'attributo non si è disaltato per selezionare se una casella di controllo viene controllata utilizzando JQuery .change():

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

.

Cosa ho fatto di sbagliato? Perché l'attributo disabilitato non funziona su Bootstrap Select?
Qualsiasi aiuto è apprezzato! Grazie!

Answer 1

È un plugin, non è una casella di controllo normale, devi ascoltare gli eventi che effettivamente supporta:

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

.

Fiddle

Answer 2

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

.

Usa questo codice JS