Javascript:如何获取选中复选框的所有值,推送到一个数组,然后放入一个输入HTML元素?
我有一张50个复选框的清单。如果用户检查了其中的一些值,我如何获取所选值的所有值并将它们放入数组中,然后将其放入隐藏的文本元素中 我可以对所有复选框使用相同的名称吗?或者我必须为他们每个人使用不同的名字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="
<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);
}
}