Question

我想创建一个警报，如果我的复选框中的任何选择均未显示，则显示该警报。

<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>

如果没有选择，我想要一个警报，如果选择了什么，我想要一个警报。

Answer 1

您可以直接检查以下选中的项目。

   function mFunction () {
    let matches = document.querySelectorAll('input[type=checkbox]:checked');
    if (matches.length < 1) {
        alert('not checked');
        return false;
    }
   };

Answer 2

您可以通过以下方式进行检查

parameter Real number_of_bus

[...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'); 
};

Answer 3

如果使用普通的javascript，则可以在单击复选框时尝试添加事件侦听器。

在侦听器中维护一个数组。如果选择了某些选项，请保持复选框选择计数器或布尔跟踪选择。

 var checkbox = document.querySelector("input[name=checkbox]");

checkbox.addEventListener( 'change', function() {
 if(this.checked) {
    // Checkbox is checked..
 } else {
    // Checkbox is not checked..
 }
});

多选复选框的Java验证

3 个答案: