0

我有以下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 代码中进行哪些更改?

感谢帮助

4

2 回答 2

4

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

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

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

于 2013-06-03T10:45:21.387 回答
0

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

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

于 2013-06-03T10:47:05.407 回答