ラジオボタンでチェックボックスを有効/無効にする方法は？

Question

私は、以下のようにラジオボタンを選択することに基づいて、チェックボックスを無効/有効にする必要がある1つの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

通常、最低2つのラジオボタンがそうでなければ、あなたが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>