javascript - 根据所选选项禁用复选框(jquery)

Question

我正在编写一个 jquery 代码，其目的是禁用/启用一组复选框。到目前为止我得到了:网页:

<select id="Units">
   <option value="Marketing" > Marketing </option>
   <option value="Finance" > Finance </option>
   <option value="Operations" > Operations </option>
</select>
<input type="checkbox"  class="enable" onclick="check();" value="1"> chbx1
<input type="checkbox"  class="dissable" onclick="check();" value="2"> chbx2
<input type="checkbox"  class="dissable" onclick="check();" value="3"> chbx3
<input type="checkbox"   class="enable" onclick="check();" value="4"> chbx4

JS

$("#Units").on("change", function() {
    if ($(this).val() !== "Finance") {
    $(".dissable").attr("disabled", "disabled");

} else {
    $(".dissable").removeAttr("disabled");
}
});

但它在页面加载时无法正常工作。仅在更改所选选项后，复选框才会使用react。如何改进这一点，以便在加载页面并使用适当的类启用/禁用复选框时捕获所选值？

Answer 1

$(".dissable").attr("disabled", "disabled");
$("#Units").on("change", function() {
    if ($(this).val() !== "Finance") {

    $(".dissable").attr("disabled", "disabled");
} else {
    $(".dissable").removeAttr("disabled");
}
});

演示:http://jsfiddle.net/zgn2o40a/1/