javascript - 有没有办法在提交之前检查表单以查看是否选中了任何复选框？

Question

有没有一种方法可以在提交表单之前检查它是否已在 Javascript 中选中任何复选框？

有点像...

function checkboxcheck(){
/*something in here to check name="brands[]" checkbox array?*/
}

基本上我只是想让它在选中 0 个复选框时提醒我。需要 1 个或更多。

我会在提交时调用此函数。

非常感谢!!

Answer 1

你可以这样做:

function anyCheckboxesChecked() {
  var inputs = document.getElementsByTagName('input');
  for (var i = 0; i < inputs.length; ++i) {
    if (inputs[i].type === "checkbox" && inputs[i].checked)
      return true;
  }
  return false;
}

然后您可以从“提交”处理程序中调用该函数”

   if (!anyCheckboxesChecked()) {
     alert("Please check one of the appealing checkboxes on the page");
     return false;
   }

如果您的页面比这暗示的更复杂(例如，如果有多种形式)，那么您首先要找到合适的形式并从该点调用 .getElementsByTagName() 而不是来自 文档。