为什么不在 Bootstrap-select 上禁用属性工作？

Question

我想设计我的网站表单、输入和选择。我使用Bootstrap作为输入，Bootstrap-select用于选择，iCheck用于复选框。问题是 iCheck 不能与 Bootstrap-select 一起正常工作。

这是 jsFiddle 测试：http : //jsfiddle.net/36Xpf/

现在，尝试勾选 iCheck 复选框，bootstrap-select 的选择不会被禁用。然后选中标准方块复选框，引导程序的选择将被禁用。

我禁用了属性以选择是否使用 jQuery 选中复选框.change()：

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

我做错了什么？为什么禁用属性在引导选择上不起作用？
任何帮助表示赞赏！谢谢！

Answer 1

这是一个插件，而不是常规复选框，您必须监听它实际支持的事件：

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

小提琴