Javascript:如何获取选中复选框的所有值,推送到一个数组,然后放入一个输入HTML元素?

Javascript:如何获取选中复选框的所有值,推送到一个数组,然后放入一个输入HTML元素?,javascript,jquery,html,Javascript,Jquery,Html,我有一张50个复选框的清单。如果用户检查了其中的一些值,我如何获取所选值的所有值并将它们放入数组中,然后将其放入隐藏的文本元素中 我可以对所有复选框使用相同的名称吗?或者我必须为他们每个人使用不同的名字 <input type="checkbox" name="bulk_id[]" value="1"/> <input type="checkbox" name="bulk_id[]" value="2"/> <input type="checkbox" name="

我有一张50个复选框的清单。如果用户检查了其中的一些值,我如何获取所选值的所有值并将它们放入数组中,然后将其放入隐藏的文本元素中

我可以对所有复选框使用相同的名称吗?或者我必须为他们每个人使用不同的名字

<input type="checkbox" name="bulk_id[]" value="1"/>
<input type="checkbox" name="bulk_id[]" value="2"/>
<input type="checkbox" name="bulk_id[]" value="3"/>
<input type="checkbox" name="bulk_id[]" value="4"/>
<input type="checkbox" name="bulk_id[]" value="5"/>
...

...

谢谢。

您用jquery标记了您的问题,所以我假设您正在使用它

您可以通过输入[type=checkbox]选择checkbox,并使用子类:checked来筛选选中的

1-获取数组中的所有复选框

var selectedValues =[]
$('input[type=checkbox]:checked').each(function(i,e){
  selectedValues.push( $(e).attr('value') )
})
2-将此数组的内容附加到隐藏输入中(以、)分隔)

在此解决方案中,复选框的名称无关紧要

将复选框放入容器中,以获得更好的选择:

$('#yourCheckboxContainerID input[type=checkbox]:checked')

所以你必须得到所有的复选框

 var checkboxes = document.getElementsByName("bulk_id[]");
 var arrayVal = [];
 for (var i= 0; i<checkboxes.length;i++)
  {
     if (checkboxes[i].checked === true)
     {
         arrayVal.push(checkboxes[i].value); 
     }
  }
var复选框=document.getElementsByName(“bulk_id[]);
var arrayVal=[];

对于(var i=0;iTypo,我忘记了selectedValues中的s:$('yourhiddenID').val(selectedValue.join(','));应该是$('yourhiddenID').val(selectedValues.join(',')),我更正了答案
 var checkboxes = document.getElementsByName("bulk_id[]");
 var arrayVal = [];
 for (var i= 0; i<checkboxes.length;i++)
  {
     if (checkboxes[i].checked === true)
     {
         arrayVal.push(checkboxes[i].value); 
     }
  }