js判断 checkbox 至少选中一项

viqecel

已于 2022-09-02 15:08:18 修改

阅读量532

点赞数

CC 4.0 BY-SA版权

分类专栏： css及js相关文章标签： javascript 前端 html js判断checkbox选中

于 2022-09-01 13:56:29 首次发布

原文链接：https://www.cnblogs.com/walblog/articles/7903698.html

css及js相关专栏收录该内容

61 篇文章

订阅专栏

本文介绍了两种JavaScript函数，一种用于检查HTML中checkbox元素是否至少被选中，另一种处理多个同名input的场景。通过这两个函数，开发者可以确保用户在提交表单前满足必填条件。

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

第一种最好

function Check(){
var cbs = document.getElementsByTagName("input");
 var b = false;
for(var i=0;i<cbs.length;i++){
    if(cbs[i].type == "checkbox" && cbs[i].checked){
         b = true;
      }
}
if(!b){
    alert("至少选择一种系统");
    return false;
}
}

第二种,如果多个input的name相同,则可以用

function Check()
{
if(checkboxs("checkboxname") == false){ // checkboxname: checkbox的名字
alert('请至少选择一项！');
return false;
}
return true;
}

function checkboxs(objNam){
var obj = document.getElementsByName(objNam); // 获取对象
var objLen= obj.length; // 获取数组长度
var objYN; // bool
var i;
objYN=false;
for (i = 0;i< objLen;i++){
if (obj[i].checked==true) {
objYN= true;
break;
}
}
return objYN;
}