如何使用单选按钮启用/禁用复选框？

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>

时要启用选择框，当你想禁用它