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

来源：互联网发布：阿里云p8 编辑：程序博客网时间：2024/06/03 17:34

<html><head><title>Test Url</title><!--Author:lovingshuDate: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" onclick="selectAll(this.checked)"><label for="chkSelectAll">全选</label><input type="checkbox" id="chkSelectOpposite" onclick="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>