Question

我有以下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代码中做出哪些更改？

感谢您的帮助

Answer 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>

如果您想从多个中选择一个，那么最好使用单选按钮

Answer 2

不要搞砸checkboxes。正如评论中所有建议的那样，Radio group是您功能的完美套件。

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

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

2 个答案: