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
				//如果全选之后  我取消一个全选应该没有

JS全选和反选（DOM对象）

JS全选和反选（DOM对象）

悦读