如果选择名称为 A 的复选框，则取消选择名称为 B 的所有复选框。怎么做？ [复制]

Question

我的 HTMl 中有 4 个复选框。其中 3 个名称为“A”，第 4 个名称为“B”。我希望当用户选择名称为“B”的复选框时，应自动取消选择名称为“A”的所有复选框（如果已选择）。

此外，如果用户单击任何名称为“A”的复选框，则如果之前选中了复选框“B”，则应自动取消选中该复选框。

Answer 1

试试这个。

<script language="JavaScript">
function Select_All(source) {
   document.getElementByName("a1").checked = false;
   document.getElementByName("a2").checked = false;
   document.getElementByName("a3").checked = false;



</script>
function turn_none_Off(source){
    document.getElementByName("none").checked = false;
</script language="JavaScript">



<input type="checkbox" name="a1"  onClick="turn_none_Off(this)" value="1"> A <br/>
<input type="checkbox" name="a2" onClick="turn_none_Off(this)" value="2"> A <br/>
<input type="checkbox" name="a3" onClick="turn_none_Off(this)" value="3"> A <br/>
<input type="checkbox" name ="none" onClick="Select_All(this)" /> None of the Above <br/>