JQuery复选框全选效果如何实现

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
				
床上用品
				
床单,被套,四件套
				
都是套子
				
修改|删除
			
			
		
		
	

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。