checkbox全选全不选反选

最新推荐文章于 2023-10-23 14:09:15 发布

原创最新推荐文章于 2023-10-23 14:09:15 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一段使用JavaScript实现全选与全不选功能的代码，包括如何通过点击全选按钮来同时选择或取消选择一组输入框，并详细解释了代码逻辑。

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


function selectAllCheckbox(){
	var flag = $("#selectAll").attr("checked");
	if(flag){
		$("input[name=box]").attr("checked",true);
	}else{
		$("input[name=box]").attr("checked",false);
	}
}
function reverseSelect(){
	$("input[name=box]").each(function(index,obj){
	   $(this).attr("checked",!$(this).attr("checked"));
	});
}
<input type="checkbox" id="selectAll" onchange="selectAllCheckbox()"/>全选/全不选
<input type="checkbox" name="box" />
<input type="checkbox" name="box" />
<input type="checkbox" name="box" />