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

最新推荐文章于 2023-04-26 11:53:10 发布

记得绿罗裙106

最新推荐文章于 2023-04-26 11:53:10 发布

阅读量1.7k

点赞数 2

分类专栏： HTML 文章标签： checkbox 函数

本文链接：https://blog.csdn.net/Xiaoshiniudao889/article/details/61199183

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!--提示最多选择两个选择选项,之后仅清除第三个选项-->
<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>