checkbox 全选与全取消

最新推荐文章于 2022-09-16 16:31:00 发布

最新推荐文章于 2022-09-16 16:31:00 发布 · 300 阅读

文章标签：

#Java #HTML

本文介绍了一种使用JavaScript实现全选与取消全选多个复选框的方法。通过一个全选按钮控制一组同名复选框的状态。适用于网页表单操作等场景。

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



<script language="javascript">
	var flag = false;
	function doAll(){
		var nodes = document.getElementsByName("test");
	   if(!flag){
		   for(var i=0;i<nodes.length;i++){
					nodes[i].checked = true;
	  	  }
	   }else{
		   for(var i=0;i<nodes.length;i++){
				nodes[i].checked = false;
 	 		 }
		  }
		flag = !flag;
	}
</script>

以下为html测试代码


<br/>全选：<input type="checkBox" name="selectAll" onclick="doAll();"><br/>
选项1：<input type="checkBox" name="test" /><br/>
选项2：<input type="checkBox" name="test" /><br/>