Question

我使用选择的库进行多重选择。它完美地工作但我的大脑阻止我在选中复选框时禁用某些选项。

这是我的小提琴： http://jsfiddle.net/LukeMcLachlan/bturc6bq/

我面临的问题是，当选中复选框时，软木（类=＆＃34;软木＆＃34;）不会被动态禁用，尽管事实上我是这样做的。我正在执行文档（http://harvesthq.github.io/chosen/）中建议的内容＆＃34;动态更新选择＆＃34;，即添加：

.trigger("chosen:updated");

任何熟悉选择的人都知道我做错了吗？

奇怪的是，如果我只是跑线：

$('.chosen-select').find('option.softwoods').prop('disabled', true);

然后禁用软木字段。它不是动态的。非常感谢任何帮助。

更新代码现在完美无缺。我在else语句中混合了以下几行：

if (!$("#checkbox3").is(":checked")) {    
  $('.chosen-select').find('option.softwoods').prop('disabled', true).trigger("chosen:updated");

} else {
  $('.chosen-select').find('option.softwoods').prop('disabled', false).trigger("chosen:updated");
}

现在一切都很完美。小提琴更新。

Answer 1

使用jquery简单选择下拉列表并使用选项：selected：

jQuery("#dropdown option:selected").prop('disabled', true);

选中复选框时禁用选择中的选项

1 个答案: