<html >
<head>
<title>demo</title>
<meta > $(function(){
var chk_value =[];
$('ul li')each(function(){
var str=[];
$(this)find(':checkbox:checked')each(function(){
strpush(thisvalue);
});
chk_valuepush(str)
});
for(var i=0;i<chk_valuelength;i++){
alert(i+":"+chk_value[i]join(","));
}
})
</script>
</body>
</html>
思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="show()"/>
2、javascript代码：
function show(){
obj = documentgetElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k]checked)
check_valpush(obj[k]value);
}
alert(check_val);
}
扩展资料
jQuery对checkbox的各种 *** 作：
1、根据id获取checkbox：
$("#cbCheckbox1");
2、获取所有的checkbox：
$("input[type='checkbox']");//or
$("input[name='cb']");
3、获取所有选中的checkbox：
$("input:checkbox:checked");//or
$("input:[type='checkbox']:checked");//or
$("input[type='checkbox']:checked");//or
$("input:[name='ck']:checked")；
批量删除的话，给你优化一下，在页面的上边加一个批量删除的按钮，在你的每一个checkbox中加上一个value值，value值为本挑信息的id，点击批量删除时触发js，在js中这样写：
var checkAll = cjdocumentgetElementsByName("check");
var check="";
for(var i=0;i<checkAlllength;i++){
if(checkAll[i]checked){
check+=checkAll[i]value+",";
}
}
windowlocationhref="此处写你要删除的actioncheck="+check;
跳转action后，在里边得到check参数，String check = requestgetAttribute("check")toString();
切割字符串得到选中的id值：String []checkAll = check split(",");
下边用for循环删除就可以了。
for(int i=0;i<checkAlllength;i++){
int id = checkAll[i];
//对象的id得到了，在这里调用你的删除对象的方法。
}
以上就是关于用jquery获取多组checkbox的值全部的内容，包括:用jquery获取多组checkbox的值、jquery 获取多个checkbox的value值、jquery获取到每行的checkbox并让该行的a标签执行单击效果等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）