table复选框全选功能

表格全选复选框同步

最新推荐文章于 2024-08-09 07:01:01 发布

l90z11

最新推荐文章于 2024-08-09 07:01:01 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Js 文章标签： js

本文链接：https://blog.csdn.net/l90z11/article/details/52382980

Js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用jQuery实现表格中复选框全选与单选状态同步的方法。当用户点击表头的全选复选框时，表格内所有行的复选框状态将被统一更新，并且对应的行会根据复选框的状态添加或移除样式。

$('table th input:checkbox').on('click', function(){
				var that = this;
				$(this).closest('table').find('tr > td:first-child input:checkbox')
				.each(function(){
					this.checked = that.checked;
					$(this).closest('tr').toggleClass('selected');
				});
					
			});