如何获取所有选中的复选框 [英] How to get all checked checkboxes

问题描述

我有一组名为
的输入复选框，我想确定哪些复选框已经使用javascript进行检查，我该如何实现这一点？
我只知道如何获取所有复选框，如下所示：

  var checkboxes = document.getElementsByName（'mycheckboxes' ）; 
  

解决方案 c>检查属性并将选中的部分附加到单独的数组中。如果需要，您可以进一步处理 checkboxesChecked 的数组。

  //将复选框名称传递给函数
函数getCheckedBoxes（chkboxName）{
 var checkboxes = document.getElementsByName（chkboxName）; 
 var checkboxesChecked = []; 
 //遍历它们全部
 for（var i = 0; i< checkboxes.length; i ++）{
 //将选中的元素粘贴到数组上... 
 if（复选框[i] .checked）{
 checkboxesChecked.push（复选框[i]）; 
} 
} 
 //返回非空的数组或$ null 
 return checkboxesChecked.length> 0？ checkboxesChecked：null; 
} 
 
 //调用
 var checkedBoxes = getCheckedBoxes（mycheckboxes）; 
  

I have a set of input checkboxes with same name and I would like determine which checkboxes have been checked using javascript, how can I achieve that? I know only how to get all the checkboxes as follows:

var checkboxes = document.getElementsByName('mycheckboxes');

解决方案

A simple for loop which tests the checked property and appends the checked ones to a separate array. From there, you can process the array of checkboxesChecked further if needed.

// Pass the checkbox name to the function
function getCheckedBoxes(chkboxName) {
  var checkboxes = document.getElementsByName(chkboxName);
  var checkboxesChecked = [];
  // loop over them all
  for (var i=0; i<checkboxes.length; i++) {
     // And stick the checked ones onto an array...
     if (checkboxes[i].checked) {
        checkboxesChecked.push(checkboxes[i]);
     }
  }
  // Return the array if it is non-empty, or null
  return checkboxesChecked.length > 0 ? checkboxesChecked : null;
}

// Call as
var checkedBoxes = getCheckedBoxes("mycheckboxes");

这篇关于如何获取所有选中的复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！