jQuery全选功能

最新推荐文章于 2022-09-30 14:03:53 发布

weixin_30651273

最新推荐文章于 2022-09-30 14:03:53 发布

阅读量80

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiaoqisfzh/p/5959023.html

本文介绍了一种使用JavaScript实现的批量操作复选框的方法，通过改变父级按钮的状态来同时更改多个子级复选框的选中状态。

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

$(document).ready(function(){


	//为父按钮添加事件			
	$("#chk_all").click(function(){		
		var a=$("#chk_all").attr("checked");				
		var arr=$("input[name='ids']");		
		$.each(arr,function(i,n){			
			if(a){						
				$(n).attr("checked",a);
			}else{
				$(n).removeAttr("checked");	
			}				
		});			
	});		
	
	//为子按钮添加事件
	$("input[name='ids']").click(function(){
		var arr=$("input[name='ids']");				
		$.each(arr,function(i,n){				
			var a=$(n).attr("checked");		
			if(!a){					
				$("#chk_all").removeAttr("checked");
				return;					
			}			
		});	
	});
});

转载于:https://www.cnblogs.com/xiaoqisfzh/p/5959023.html