如何使用單選按鈕啓用/禁用複選框？

Question

我正在開發一個Web應用程序，我需要根據如下所示選擇單選按鈕來禁用/啓用複選框。

<sctipt> 

    function metaboliteenable() { 
     document.getElementById("XT").disabled=false; 
    } 
    function metabolitedisable() { 
     document.getElementById("XT").disabled=true; 
    } 
</script> 


<input type="radio" name="gender" value="other"> Data<br> 
    <select id="XT"> 
      <option value="volvo">Volvo</option> 
      <option value="saab">Saab</option> 
      <option value="mercedes">Mercedes</option> 
      <option value="audi">Audi</option> 
    </select> 

但我上面的代碼如何鏈接單選按鈕與複選框？

Answer 1

通常有至少兩個單選按鈕，否則，您可以使用checkbox.Anyways ...

你可以檢查你的單選按鈕的狀態與​​。

而且您可以用.prop('disabled', 'disabled')禁用您的選擇。

而且你可以監控你的單選按鈕，像這樣的情況：

$('input[type=radio]').change(function() {}); 

不管怎麼說，你可以運行該函數內部代碼禁用您的選擇時不會檢查你的收音機。

爲了演示我已經添加了另一個單選按鈕，因此您可以禁用第一個單選按鈕。 這段代碼基本上檢查你的性別，如果你是男性，它會禁用選擇。

$('input[type=radio]').change(function() { 
 
    var stat = $('input[value="Male"]').is(':checked'); 
 
    if(stat){ 
 
     $('select').prop('disabled', 'disabled'); 
 
    } 
 
    else{ 
 
     $('select').prop('disabled', false); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="gender" value="Male">Male<br> 
 
<input type="radio" name="gender" value="Female">Female<br> 
 
    <select id="XT"> 
 
      <option value="volvo">Volvo</option> 
 
      <option value="saab">Saab</option> 
 
      <option value="mercedes">Mercedes</option> 
 
      <option value="audi">Audi</option> 
 
    </select>

時要啓用選擇框，當你想禁用它