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

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

如何查找选中的所有复选框

3 个答案: