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

Question

我有一个包含 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"/>
...

谢谢。

Answer 1

你用 jquery 标记了你的问题，所以我假设你正在使用它。

您使用input[type=checkbox] 选择复选框并使用子类:checked 来过滤选中的

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

var selectedValues =[]
$('input[type=checkbox]:checked').each(function(i,e){
  selectedValues.push( $(e).attr('value') )
})

2- 将这个数组的内容追加到一个隐藏的输入中(用,分隔)

$('#yourhiddenID').val( selectedValues.join(',') );

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

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

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