如何防止用户选择HTML中的多个复选框？

您应该将其更改为单选按钮，而不是复选框！

<input type=\"radio\" name=\"group1\" id=\"item1\" value=\"Milk\">
<label for=\"item1\">Milk</label>
<br/>
<input type=\"radio\" name=\"group1\" id=\"item2\" value=\"Butter\" checked>
<label for=\"item2\">Butter</label>
<br/>
<input type=\"radio\" name=\"group1\" id=\"item3\" value=\"Cheese\">
<label for=\"item13\">Cheese</label>

骂陋冠

我有一个用例，其中需要使用复选框-与单选按钮不同，该复选框允许用户取消选中...这是我与另一个stackoverflow用户拼凑而成的示例：

<head>
    <meta charset=utf-8 />
    <title>and-or checkboxes</title>
    <script src=\"http://code.jquery.com/jquery-1.4.4.js\"></script>
</head>

<body>

    <label for=\"checkbox1\"><input type=\"checkbox\" id=\"checkbox1\" name=\"checkbox1\" value=\"and\" </label><span id=\"span_and\">checkbox1</span><br>

    <label for=\"checkbox2\"> <input type=\"checkbox\" id=\"checkbox2\"  name=\"checkbox2\"  value=\"or\" </label><span id=\"span_or\">checkbox2</span>

    <script>

        $(document).ready(function(){
            $(\'#checkbox1\').click(function() {
            var checkedBox = $(this).attr(\"checked\");
                if (checkedBox === true) {
                    $(\"#checkbox2\").attr(\'checked\', false);
                } else {
                    $(\"#checkbox2\").removeAttr(\'checked\');                    
                }
            });
        });

        $(document).ready(function(){
            $(\'#checkbox2\').click(function() {
            var checkedBox = $(this).attr(\"checked\");
                if (checkedBox === true) {
                    $(\"#checkbox1\").attr(\'checked\', false);                     
                } else {
                    $(\"#checkbox1\").removeAttr(\'checked\');                       
                }
            });
        });

    </script>

</body>

只需做一些工作，您就可以将一个或两个脚本合并为一个脚本。您可能现在不需要了，但是我想发布它，因为它对我非常有用。

抹持奠糙驰

如果您希望一次只选择一个复选框，则最好使用radiobutton。

禽兢玫坞劲

如果您不想一次选中同一逻辑组中的多个复选框，则应使用单选按钮而不是复选框。

<form>
    <input type=\"radio\" name=\"aGroup\" value=\"choice1\" /> Choice #1<br />
    <input type=\"radio\" name=\"aGroup\" value=\"choice2\" /> Choice #2
</form>

通过使用此选项，一次只能选中1个选项

帆攀缺锯欧

使用广播，并且它们必须具有相同的name=\"\"。

如何防止用户选择HTML中的多个复选框？

5 个回复

发起人

checkbox

html

问题状态

如何防止用户选择HTML中的多个复选框？

与内容相关的链接

5 个回复

发起人

checkbox

html

问题状态