JQuery复选框全选效果的实现方法

这篇文章主要讲解了JQuery复选框全选效果的实现方法，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

创新互联主营明水网站建设的网络公司,主营网站建设方案,app开发定制,明水h5小程序定制开发搭建,明水网站营销推广欢迎明水等地区企业咨询

Js相关技术

checked属性

如何获取所有复选框：document.getElementsByName、

需求分析

在我们对表格处理的时,有些情况下,我们需要对表格进行批量处理

技术分析

第一种方法：选择器[属性名称='属性值']

$("input[type='checkbox']:gt(0)").prop("checked",this.checked);

第二种方法：使用层级选择器来实现 tbody > tr > td > input

$("tbody > tr > td > input").prop("checked",this.checked);

第三种方法：

// #tab > tbody > tr:nth-child(4) > td:nth-child(1) > input[type="checkbox"]

代码实现

	
		
		
		
		
		
	
	
		

			

				

					

						
					
					
分类ID
					
分类名称
					
分类商品
					
分类描述
					
操作
				
			
			

				

					

						
					
				
1
				
手机数码
				
华为,小米,尼康
				
黑马数码产品质量最好
				

					修改|删除
				
			
			

				

					
				
				
2
				
成人用品
				
充气的
				
这里面的充气电动硅胶的
				
修改|删除
			
			

				

					
				
				
3
				
电脑办公
				
联想,小米
				
笔记本特卖
				
修改|删除
			
			

				

					
				
				
4
				
馋嘴零食
				
辣条,麻花,黄瓜
				
年货
				
修改|删除
			
			

				

					
				
				
5
				
床上用品
				
床单,被套,四件套
				
都是套子
				
修改|删除
			
			
		
		
	

看完上述内容，是不是对JQuery复选框全选效果的实现方法有进一步的了解，如果还想学习更多内容，欢迎关注创新互联行业资讯频道。