JS全选和反选（DOM对象）

最新推荐文章于 2023-01-31 17:50:59 发布

北极猿

最新推荐文章于 2023-01-31 17:50:59 发布

阅读量448

点赞数

文章标签： js dom javascript checkbox html5

本文链接：https://blog.youkuaiyun.com/weixin_45478041/article/details/104380642

版权

这篇博客介绍了如何使用JavaScript的DOM对象对HTML页面的checkbox进行全选和反选操作，强调了这种方法的常见用途，并提到用jQuery可以简化此类操作。

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

JS全选和反选（DOM对象）

作者：北极熊
时间：2020-02-18
描述：全选和反选

利用dom对象对HTML页面的标签进行操作，这是个很常用的东西大家可以用JQ来继续完善完善 JQ会好写很多

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		
			
			function checkAll(boxObj){
				
				var doms=document.getElementsByName("box");
				for(var i=0;i<doms.length;i++){
					var boxDom=doms[i];
					boxDom.checked=boxObj.checked;
				}
			}
			window.onload=function(){
				var butDom=document.getElementById("but");
				butDom.onclick=function(){
				
				var doms=document.getElementsByName("box");
				for(var i=0;i<doms.length;i++){
					var boxDom=doms[i];
					boxDom.checked=!boxDom.checked;
				}
				}
			}
				//获取所有的子checkbox
				//如果全选之后  我取消一个全选应该没有