多选复选框的 Javascript 验证

标签 javascript dom

我想创建一个警报,当我的复选框中的选项都没有显示时显示。

<script>

function mFunction () {
  if (!!this.form.checkbox.checked) {
    alert('not checked');
    return false;
  }
};
</script>

上面的js

<body>

<form>
  <input type="checkbox" name="choice1" value="choice1" id="confirm">choice 1<br>
  <input type="checkbox" name="choice2" value="choice2" >choice 2<br>
  <input type="checkbox" name="choice3" value="choice3">choice 3<br><br>
  <input type="submit" value="Submit" onclick="mFunction()"> 
</form>

如果没有选择,我想要一个警报,如果选择了一些东西,则没有警报。

最佳答案

你可以通过以下方式检查

[...document.querySelectorAll("input[type='checkbox']")].some(i=>i.checked)

function mFunction (e) 
{  
  if(![...document.querySelectorAll("input[type='checkbox']")].some(i=>i.checked))
  {
     alert('not checked');
     e.preventDefault();
  }
};

function checkForm(t,e) { 
  e.preventDefault();
  console.log('checked'); 
};
<form onsubmit="checkForm(this,event);">
  <input type="checkbox" name="choice1" value="choice1" id="confirm">choice 1<br>
  <input type="checkbox" name="choice2" value="choice2" >choice 2<br>
  <input type="checkbox" name="choice3" value="choice3">choice 3<br><br>
  <input type="submit" value="Submit" onclick="mFunction(event)"> 
</form>

关于多选复选框的 Javascript 验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55483649/

相关文章:

javascript - 如何使用 Webix 和 Javascript 下载具有特定名称的文本文件

javascript - 我正在尝试向 HTML 表格中添加一些行,但失败了

javascript - 如何从 map 对象返回一个字符串并发送到 firebase?

javascript - 使用 ECMAscript 6 语法的 Typescript 导入 node_modules

javascript - 当两者实现相同的目标时,编写此代码的首选方法是什么?

javascript - 给 body 100% 的浏览器高度

javascript - jQuery:按类更新带有日期选择器输入值的 span 标签?

javascript - 顺序运行 NPM 脚本

jquery - 创建临时 HTML 代码

javascript - 多个文件上传验证 - 限制选择同一文件两次