CheckBox最多可选两项，多选的提示且被清除

最新推荐文章于 2022-11-04 21:15:00 发布

原创最新推荐文章于 2022-11-04 21:15:00 发布 · 1.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#checkbox #函数

HTML 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一段JavaScript代码，该代码用于限制HTML页面中复选框被选中的最大数量为两个，并会在用户尝试选择第三个复选框时弹出警告并取消选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--提示最多选择两个选择选项,之后仅清除第三个选项-->
<html>
<head>
<script language="javascript">
function chkbox(elm)
{
    var obj=document.getElementsByName("cbox");
    var num=0;
    for (var i=0;i<obj.length ;i++ )
        if (obj[i].checked) num++;

    if (num>2){
        alert("最多可以选择两个！");
        for (var i=0;i<obj.length ;i++){
            elm.checked=false;
        }
    }
}
</script>

</head>
<body>
<input type="checkbox" name="cbox" value="1" onclick="chkbox(this);">1
<input type="checkbox" name="cbox" value="2" onclick="chkbox(this);">2
<input type="checkbox" name="cbox" value="3" onclick="chkbox(this);">3
<input type="checkbox" name="cbox" value="4" onclick="chkbox(this);">4
</body>
</html>