如何禁用/啓用選擇（選項）值複選框基地

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

所有你需要做的就是聽選擇，當它的變化作出反應。

// 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

Answer 2

試試這個，

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