jquery怎么获取多个被选中的checkbox
最新回答
湖畔迷路的孩
2024-09-29 00:02:26
<!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，可以直接运行看效果。
月下客
2024-09-29 00:33:41
利用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());
}
});
});
你瞎啊撞我心上了
2024-09-29 00:52:47
热门标签
