单击其他复选框时取消选中复选框答案

【问题标题】：Unselect checkbox when clicked on other单击其他复选框时取消选中复选框
【发布时间】：2013-06-03 10:43:34
【问题描述】：

我有以下 JS 代码

<script type="text/javascript">
function Package(yCheck){
document.getElementById(yCheck).checked=!document.getElementById(yCheck).checked;
}
</script>

和下面的 HTML 代码

<p><input type="checkbox" id="booster1" /><br /><a onclick="Package('booster1')">Select Pack 1</a></p>
<p><input type="checkbox" id="booster2" /><br /><a onclick="Package('booster2')">Select Pack 2</a></p>
<p><input type="checkbox" id="booster3" /><br /><a onclick="Package('booster3')">Select Pack 3</a></p>
<p><input type="checkbox" id="booster4" /><br /><a onclick="Package('booster4')">Select Pack 4</a></p>

现在，当我单击复选框下方的任何文本时，它会选中上面的复选框。但是我还需要添加的是，当其他复选框被选中时，第一个复选框将被取消选中。我需要在 JS 代码中进行哪些更改？

感谢您的帮助

【问题讨论】：

为什么不使用单选按钮
为此类工作开发的收音机更好地使用它们。

标签： javascript jquery forms checkbox

【解决方案1】：

您可以按照下面的示例尝试使用单选按钮：

<input type="radio" id="booster1" name="name1"/><br /><a onclick="Package('booster1')">Select Pack 1</a></p>
<p><input type="radio" id="booster2" name="name1"/><br /><a onclick="Package('booster2')">Select Pack 2</a></p>
<p><input type="radio" id="booster3" name="name1"/><br /><a onclick="Package('booster3')">Select Pack 3</a></p>
<p><input type="radio" id="booster4"name="name1" /><br /><a onclick="Package('booster4')">Select Pack 4</a></p>

当你想从多个中选择一个时，最好使用单选按钮

【讨论】：

【解决方案2】：

不要搞砸checkboxes。正如 cmets Radio 组中所建议的那样，它是您功能的完美套件。

http://www.coffeecup.com/help/articles/adding-a-radio-button-group-to-an-html-form/

【讨论】：