jquery怎么获取多个被选中的checkbox
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery怎么获取多个被选中的checkbox相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8" />
<title>HTML5</title>
</head>
<body>
<form action="">
<input class="h5course-com" id="h5courseCom1" type="checkbox" />
<label for="h5courseCom1">HTML5学堂，一个神奇的网站</label>
<input class="h5course-com" id="h5courseCom2" type="checkbox" checked/>
<label for="h5courseCom2">h5course-com</label>
<input class="h5course-com" id="h5courseCom3" type="checkbox" />
<label for="h5courseCom3">h5course-cn</label>
<input class="h5course-com" id="h5courseCom4" type="checkbox" />
<label for="h5courseCom4">h5course-cn</label>
<input class="h5course-com" id="h5courseCom5" type="checkbox" checked/>
<label for="h5courseCom5">h5course-cn</label>
</form>
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
alert(\'选中了这么多个：\' + $(\'input[type=checkbox]:checked\').length);
</script>
</body>
</html>
看看上面的案例，引入jQuery，可以直接运行看效果。
利用jQuery筛选。如：
//方法1$("#b1").click(function()
//$('input:checkbox:checked') 等同于 $('input[type=checkbox]:checked')
//意思是选择被选中的checkbox
$.each($('input:checkbox:checked'),function()
alert("你选了："+
$('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
);
);
//方法2
$("#b2").click(function()
$.each($('input:checkbox'),function()
if(this.checked)
alert("你选了："+
$('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
);
);本回答被提问者采纳 参考技术B $("input:checkbox:checked")
jQuery获取表格中checkbox被选中一行的属性数据
参考技术A 当都选其中某几项时，如果需要给服务端ajax传递对应项的id值，该如何做呢？思路应该是这样的：
①获取被勾选项（即checked的checkbox所在行）
②将id存在checkbox所在input的自定义属性中，如 data-id 中
③创建空数组，遍历被选中的checkbox所在行，获取对应的 data-id 值，存入数组中
④将存入的数组转化为字符串，并用逗号隔开（join(',')）
以上是关于jquery怎么获取多个被选中的checkbox的主要内容，如果未能解决你的问题，请参考以下文章