复选框多选获取问题

最新推荐文章于 2022-11-10 09:31:54 发布

原创最新推荐文章于 2022-11-10 09:31:54 发布 · 899 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了两种方法来获取网页上被选中的复选框：一种是使用jQuery简化DOM操作，另一种是直接利用JavaScript标准库中的document对象进行操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 当复选框出现多个，获取多个时，可以通过jquery的方法和document自带的方法。都可以获得被选中的复选框。

2 通过jquery的方法。$("input[name='checkbox_name']:checked")。这是得到input标签中的匹配name='checkbox_name'的元素同时被选中的。[name='checkbox_name']表示匹配属性值name为checkbox_name。:checked表示被选中（复选框和单选框）.
如：var checkbox_array=$("input[name='checkbox_name']:checked");
var array_checkbox_string="";
for(var i=0;i<checkbox_array.length;i++){
array_checkbox_string=array_checkbox_string+"\n"+checkbox_array[i].id;
}
－－－－－－－－－－－－－－ｊｓｐ－－－－－－－－
<input type="checkbox" name="checkbox_name" id="checkbox_id1">checkbox1</input>
<input type="checkbox" name="checkbox_name" id="checkbox_id2">checkbox2</input>
<input type="checkbox" name="checkbox_name" id="checkbox_id3">checkbox3</input>
<input type="checkbox" name="checkbox_name" id="checkbox_id4">checkbox4</input>
<input type="checkbox" name="checkbox_name" id="checkbox_id5">checkbox5</input>

3 也可以通过document自带的方法。document.getElementsByName("checkbox_name");这是通过name的值得到数组。然后通过checked属性来判断是否被选中。
如：var checkbox_array_obj=document.getElementsByName("checkbox_name");

for(var i=0;i<checkbox_array_obj.length;i++){
var checkbox_array_obj1=checkbox_array_obj[i];
if(checkbox_array_obj1.checked){
alert(checkbox_array_obj1.id);
}
}

-----------------------------------jsp--------------------------------
<input type="checkbox" name="checkbox_name" id="checkbox_id1">checkbox1</input>
<input type="checkbox" name="checkbox_name" id="checkbox_id2">checkbox2</input>
<input type="checkbox" name="checkbox_name" id="checkbox_id3">checkbox3</input>
<input type="checkbox" name="checkbox_name" id="checkbox_id4">checkbox4</input>
<input type="checkbox" name="checkbox_name" id="checkbox_id5">checkbox5</input>