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

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>

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