如何查找选中的全部复选框

How to find which all check box is selected

本文关键字：全部 复选框 何查找 查找      更新时间：2023-09-26

我有一个复选框列表，我需要编写一个javascript函数来找出所有的复选框都被点击了。有人能帮忙吗？

   <input type="checkbox" name="check_group[]" id="name" /> name
   <input type="checkbox" name="check_group[]" id="age" /> age
   <input type="checkbox" name="check_group[]" id="school" /> school
   <input type="checkbox" name="check_group[]" id="company"> company

因此，如果我只点击2，我需要知道我点击的是哪2个，这样我就可以发送进行服务器端处理。

假设复选框都有相同的名称，您可以使用如下函数：

function getChecked(name) {
  var els = document.getElementsByName(name);
  for (var i=0, iLen=els.length; i<iLen; i++) {
    if (els[i].checked) {
      // els[i] is checked, do stuff
    }
  }
}

有一个输入类型按钮，并在点击时调用此函数

function callMeOnButtonClick()
{
  var selectedBox  = document.querySelectorAll('input[name*=check_group]');
  // You may also use
  // var selectedBox = document.getElementsByName('check_group[]');
  // The above two statements will give you the same result. i.e., array of checkboxes having name check_group[]
  var count++;
  for(var i=0; i<selectedBox.length; i++)
  {
      if(selectedBox[i].checked)
      {
          count++;
          // Do processing
      }
  }
  alert("Number of selected checkbox: "+count);
}

您可以使用jQuery在javascript 中查找选中的元素

alert($("check_group[]:[checked=checked]").length);

然后您可以使用这些值发送服务器端以处理

相关文章：