javascript - 如何找到选中的所有复选框

Question

我有一个复选框列表，我需要编写一个 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，以便我可以发送服务器端处理。

Answer 1

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

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

Answer 2

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

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);
}

Answer 3

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

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

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