javascript - 只有一个选中的复选框

Question

我在一个表单中有 15 个复选框。此复选框彼此独立。我想要一个 javascript 函数，当用户选择 2 个复选框时，第一个复选框被取消选中，第二个保持选中状态。

Answer 1

根据本网站使用单选按钮而不是复选框会更好吗:http://www.echoecho.com/htmlforms10.htm ？

如果你想使用复选框，我想你可以这样做:

HTML代码:

<input type="checkbox" id="Check1" value="Value1" onclick="selectOnlyThis(this.id)" /> Option 1
<input type="checkbox" id="Check2" value="Value1" onclick="selectOnlyThis(this.id)" /> Option 2
<input type="checkbox" id="Check3" value="Value1" onclick="selectOnlyThis(this.id)" /> Option 3
<input type="checkbox" id="Check4" value="Value1" onclick="selectOnlyThis(this.id)" /> Option 4

JavaScript 代码:

function selectOnlyThis(id) {
    for (var i = 1;i <= 4; i++)
    {
        document.getElementById("Check" + i).checked = false;
    }
    document.getElementById(id).checked = true;
}