jquery 练习题三对多选框进行操作, 输出选中的多选框的个数

最新推荐文章于 2024-01-23 19:19:19 发布

健健csdn

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量2.5k

点赞数 2

分类专栏： jQuery 文章标签： type checkbox checked

本文链接：https://blog.youkuaiyun.com/weixin_39788493/article/details/81361374

版权

jQuery 专栏收录该内容

4 篇文章

订阅专栏

多选框有一个属性

$(":checkbox")

利用这个属性去判断是否有值

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>jquery</title>
	<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function () {
			 $("#button").click(function(){
				  alert($("input[type='checkbox']:checked").length);
			 });
		});
	</script>
</head>

<body>
	<input type="checkbox" />test1
	<input type="checkbox" />test2
	<input type="checkbox" />test3
	<input type="checkbox" />test4
	<input type="button" id="button" value="你选中的个数" />
</body>

</html>