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

Question

我想设计我的网站表单、输入和选择的样式。我用过Bootstrap对于输入和 Bootstrap-select用于选择和 iCheck对于复选框。问题是 iCheck 无法与 Bootstrap-select 一起正常工作。

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

现在，尝试选中 iCheck 复选框，bootstrap-select 的选择将不会被禁用。然后选中标准方形复选框，bootstrap的选择将被禁用。

如果使用 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' 
});

FIDDLE