Question

我想知道如何禁用和启用基于选项值的复选框：这是我的代码：

<select id="typeofworkday">
   <option value="lavorato" id="lavorato" name="lavorato"> lavorato </option>
   <option value="ferie" id="ferie" name="ferie"> ferie </option>
   <option value="malattia" id="malattia" name="malattia"> malattia </option>

<input type="checkbox" name="permesso" id="check1"  disabled="disabled" onclick="check();"> Permesso

如果用户选择（lavorato）复选框==启用其他禁用。

Answer 1

试试这个，

$('#typeofworkday').on('change', function() {
    if ($(this).val() === 'lavorato') {
        $('#check1').prop("disabled", false);
    } else {
        $('#check1').prop("disabled", true);
    }
});

Answer 2

你所要做的就是听取选择并在它改变时作出反应。

// Listen to the change of the <select> element
$("#typeofworkday").on("change", function() {
    // Check the option value for "ferie" and disable the checkbox
    if ($(this).val() === "ferie") {
        $("#check1").attr("disabled", "disabled");

    // For all other options, enable the checkbox
    } else {
        $("#check1").removeAttr("disabled");
    }
});

Here's a JSFiddle of it working

如何根据select（选项）值禁用/启用复选框

2 个答案: