禁用和启用单选按钮

时间:2016-09-12 10:57:57

标签: javascript

我有一个复选框和两个单选按钮。当我检查checkbox.i想要启用两个单选按钮时,当我取消选中复选框时,我希望两个单选按钮都被禁用 下面是我试过的代码

 <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

1 个答案:

答案 0 :(得分:0)

您应该检查是否选中了复选框 - 为了做到这一点,您可以在调用函数时传递元素。

见下面的例子

 <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