jQuery代码实现全选反选功能

最新推荐文章于 2022-08-29 21:32:04 发布

原创最新推荐文章于 2022-08-29 21:32:04 发布 · 938 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JQuery

JQuery 专栏收录该内容

5 篇文章

订阅专栏

博客介绍了使用jQuery代码实现全选反选功能，聚焦于前端开发中利用jQuery达成特定交互效果，属于信息技术领域的前端开发范畴。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery代码实现全选反选功能

<title>全/全不选，反选</title>
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript">
function qx() {
	if($(":checkbox").attr("checked")){
		$(":checkbox").attr("checked",false);
	}else{
		$(":checkbox").attr("checked",true);
	}
}
function fx() {
	$(":checkbox").each(function() {
		$(this).attr("checked",!$(this).attr("checked"));
}
</script>
</head>
<body>
	<input type="checkbox">
	<input type="checkbox">
	<input type="checkbox">
	<input type="checkbox">
	<input type="checkbox"><br>
	<input type="checkbox" onclick="qx()">全/全不选
	<input type="checkbox" onclick="fx()">反选
</body>
</html>