Почему не отключает работу атрибута на Bootstrap-Select?

Question

Я хочу стиль мою формы сайта, входы и выбирать. Я использовал bootstrap для входов и bootstrap select для выбора и icheck для флажках. Проблема в том, что icheck не работает правильно с bootstrap-select.

Вот jsfiddle test: http://jsfiddle.net/36xpf/

Теперь попробуйте проверить флажок ICheck, выбор Bootstrap-Select не будет отключен. Затем установите флажок «Стандартный квадратный флажок», выбор загрузочного выбора будет отключен.

Я получаю атрибут позабочен для выбора, если флажок проверяется USIGN jQuery .change():

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

.

Что я сделал не так? Почему атрибут отключенного отключения не работает на выборе Bootstrap?
Любая помощь ценится! Спасибо!

Answer 1

Это плагин, а не регулярный флажок, вы должны слушать события, которые он на самом деле поддерживает:

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

.

widdle

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

.

Используйте этот код JS