js全选控制

最新推荐文章于 2022-09-10 10:02:58 发布

戏子张

最新推荐文章于 2022-09-10 10:02:58 发布

阅读量898

点赞数 1

分类专栏： js 文章标签： js全选控制

本文链接：https://blog.csdn.net/qq_44767162/article/details/88634287

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

//用于控制复选框的全选和全不选

	<title></title>
	<script>
		function testChange(){
			//获取用于控制的复选框
			var con = document.getElementById("controller");
			
			// 获取所有的复选框
			var boxs = document.getElementsByName("box");
			for(var i=0;i<boxs.length;i++)
			{
				boxs[i].checked = con.checked;
			}	
		}		
	</script>
</head>
<body>
	<!--
    	作者：offline
    	时间：2019-03-18
    	描述：               	
    	//1. 使用一个按钮 控制复选框的全选 和 全不选
    	//2. 实现反选 功能   vv
    	
    	onchange:  当复选框的状态改变时 事件触发
    		
    -->
    <input name="box" type="checkbox" />11111111
    <br />
    <input name="box" type="checkbox" />11111111
    <br />
    <input name="box" type="checkbox" />11111111
    <br />
    <input name="box"type="checkbox" />11111111
    <br />
    <input name="box" type="checkbox" />11111111
    <br />
    <input  name="box"type="checkbox" />11111111
    <br />
    <input name="box"type="checkbox" />11111111
    <br />
    <input name="box"type="checkbox" />11111111
    <br />
    <input name="box" type="checkbox" />11111111
    <br />
    <input name="box"type="checkbox" />11111111
    <br />
    <input name="box" type="checkbox" />11111111
    <br />
    <input name="box"type="checkbox" />11111111
    <br />
    <input name="box"type="checkbox" />11111111
    <br />
    <input name="box"type="checkbox" />11111111
    <br />
    <input name="box"type="checkbox" />11111111
    <br />
    <input id="controller" type="checkbox" onchange="testChange()"/>

戏子张

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js全选控制

//用于控制复选框的全选和全不选 &lt;title&gt;&lt;/title&gt; &lt;script&gt; function testChange(){ //获取用于控制的复选框 var con = document.getElementById("controller"); // 获取所有的复选框 var boxs = document.ge...
复制链接

扫一扫