如何通过 ickeck 复选框启用/禁用引导选择器

有selectpicker beside checkbox。我希望如果选中复选框，则 selectpicker 将启用，如果未选中，则 selectpicker 将被禁用。 我写的这个不起作用（这是小提琴 http://jsfiddle.net/learner73/y6g028ay/ ):

$('.checkBox').on('ifChecked', function(event) {
    $(this).parents('.clearfix').find('.selectpicker').removeAttr('disabled');

});
$('.checkBox').on('ifUnchecked', function(event) {
    $(this).parents('.clearfix').find('.selectpicker').attr('disabled');
});

更改完成后，您应该刷新选择器

这是一个工作fiddle http://jsfiddle.net/Cerlin/y6g028ay/1/

刷新UI的代码是

$('.selectpicker').selectpicker('refresh');

欲了解更多信息，请参阅DOCS http://silviomoreto.github.io/bootstrap-select/

我发现的另一个错误是，要禁用你必须使用

attr('disabled',true)

not

attr('disabled')