用最短的JS代码实现全选,反选功能(附带:强烈B4跑堂的人)

最新推荐文章于 2022-07-12 12:33:00 发布

lovingshu

最新推荐文章于 2022-07-12 12:33:00 发布

阅读量928

点赞数

文章标签： jquery border less input

本文链接：https://blog.csdn.net/lovingshu/article/details/7229676

版权

<html>
	<head>
		<title>Test Url</title>
		<!--
			Author:lovingshu
			Date:2012-2-2 21:21;
			Remark:Use Shortest code to achieve the functions!Just like JQuery:Write less do more!
			Somewhile ,I find myself is so smart~haha ~
		-->
		<script type="text/javascript">
		
		<!--全选功能-->
		function selectAll(status){
			var objs=document.getElementsByName("chk_test");
			for(var i=0;i<objs.length;i++){
				objs[i].checked=status;
			}
		}
		
		<!--反选功能-->
		function selectOpposite(){
			var objs=document.getElementsByName("chk_test");
			for(var i=0;i<objs.length;i++){
				objs[i].checked=!objs[i].checked;
			}
		}
		</script>
	</head>
	<body>
	<input type="checkbox" id="chkSelectAll" οnclick="selectAll(this.checked)"><label for="chkSelectAll">全选</label>
	<input type="checkbox" id="chkSelectOpposite" οnclick="selectOpposite()"><label for="chkSelectOpposite">反选</label>
	<hr style="height:1px;color:lightBlue;"/>
	<div style="border:solid 1px pink;width:90px;height:100px;padding-left:3px;padding-top:3px;">
		<script>
			for(var i=0;i<100;i++){
				document.write("<input type='checkBox' name='chk_test'/>");
			}
		</script>		
	</div>
	</body>
</html>

lovingshu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用最短的JS代码实现全选,反选功能(附带:强烈B4跑堂的人)

Test Url <!-- Author:lovingshu Date:2012-2-2 21:21; Remark:Use Shortest code to achieve the functions!Just like JQuery:Write less do more! Somewhile ,I find myself is so smart~haha ~ -
复制链接

扫一扫