仅选中一个复选框 [英] Only one selected checkbox

问题描述

我在表格中有15个复选框.此复选框彼此独立. 我想要一个JavaScript函数，当用户选择2个复选框时，第一个复选框处于未选中状态，第二个复选框保持选中状态.

I have 15 check boxes in a form. This checkboxes are independent to eachother. I want a javascript function that makes, when user is selecting 2 checkboxes, the first checked box be unchecked and the second remain checked.

推荐答案

您最好使用单选按钮代替此网站上的复选框:

Would you be better off using radio buttons instead of checkboxes as per this site: http://www.echoecho.com/htmlforms10.htm?

如果您想使用复选框，我想您可以执行以下操作:

If you want to use check boxes I guess you could do something like this:

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代码:

Javascript Code :

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

这篇关于仅选中一个复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！