Jquery获取多个复选框checkbox的value

最新推荐文章于 2020-07-01 16:55:44 发布

原创最新推荐文章于 2020-07-01 16:55:44 发布 · 815 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #jquery #html #checkbox

本文介绍了一种通过jQuery遍历并获取多个具有相同name属性的checkbox元素所选中项的value值的方法。此方法适用于处理表格批量操作等场景，如批量删除、批量编辑等。

获取多个checkbox的name="selected[]"所对应的value
如下：

<input type="checkbox" value="61" name="selected[]" />
<input type="checkbox" value="62" name="selected[]" />
<input type="checkbox" value="63" name="selected[]" />
<input type="checkbox" value="64" name="selected[]" />
<input type="checkbox" value="65" name="selected[]" />

var selected = “”;
var checkSelected = $(“input:checkbox[name=‘selected[]’]”);
for(var i=0; i<checkSelected.length; i++){
	if(checkSelected[i].checked){
		if(checkSelected[i].value != ‘’){
		selected += “,” + checkSelected[i].value;
		}
	}
}
selected = selected.slice(1);

注意：使用slice截取第一个多余的逗号