form表单验证checkbox最少选择一个功能 js代码

hxy 2020-05-16 PM 163℃ 0条 访问: 164 次

1.js代码:

function Submit() {
var checkOne = false;                    //判断是否被选择条件
  var chboxVal = [];                       //存入被选中项的值
  var checkBox = document.querySelectorAll('input[type = "checkbox"]'); //获得得到所的复选框
  var checkArr = Array.from(checkBox);     //将类数组转为数组

  checkArr.forEach(item => {
//如果有1个被选中时 选择条件 为true 并将值添加到数组中
if (item.checked) {
  checkOne = true;
  chboxVal.push(item.value)//将被选择的值追加到
};
  });

  if (checkOne) {
    
  } else {
alert("对不起:多选至少要选择一项哦!");
return false;
  };
  
};

2.阻止submit提交表单

使用form属性: onsubmit
eg

 onsubmit="return Submit()"
标签: none

非特殊说明,本博所有文章均为博主原创。

评论啦~