禁用和啟用單選按鈕

Question

我有一個復選框和兩個單選按鈕。 當我選中復選框時，我希望兩個單選按鈕都啟用，而當我取消選中復選框時，我希望兩個單選按鈕都禁用，下面是我嘗試過的代碼

 <script>
 function myfunction()
 {
 var radio=document.getElementsByName("disableme");
 var len=radio.length;
 for(var i=0;i<len;i++)
 {
   radio[i].disabled=true;
 }
 }
 </script>
 Notification
 <input type="checkbox" onclick=myfunction() checked>
                <input type="radio" name="disableme" id="1"> open
                <input type="radio" name="disableme" id="2">close

Answer 1

您應該檢查是否已選中復選框-為此，可以在調用函數時傳遞該元素。

見下面的例子

 <script>
     function myfunction(el) {
         var radio=document.getElementsByName("disableme");
         var len=radio.length;
         for(var i=0;i<len;i++) {
             radio[i].disabled=!el.checked;
         }
     }
 </script>

Notification
<input type="checkbox" onclick=myfunction(this) checked>
            <input type="radio" name="disableme" id="1">open
            <input type="radio" name="disableme" id="2">close