用最短的JS代码实现全选,反选功能(附带:强烈B4跑堂的人)
2012-02-02 21:31
337 查看
<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" 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>
相关文章推荐
- 使用js实现全选、反选功能
- 关于用jQuery实现的checkbox全选和反选功能
- Delphi实现DBGrid全选和反选功能
- js实现全选和反选功能
- (15)JS中全选、不选、反选功能的实现
- Ext 中的checkGroup实现的全选与反选功能
- JQuery实现列表中复选框全选反选功能封装
- jquery实现全选反选功能---兰
- Android通讯录开发之实现全选、反选功能
- AngularJS 实现购物车全选反选功能
- js实现全选、反选功能(批量删除)
- JavaScript--点击按钮实现复选框全选和反选功能
- Jquery之实现全选反选功能
- 使用js实现checkbox的全选与反选功能
- Javascript实现复选框(全选反选功能)
- js, jQuery实现全选、反选功能
- jquery实现全选/反选功能
- 使用js实现checkbox的全选与反选功能二
- jquery实现简单的全选和反选功能
- javascript实现简单的全选和反选功能