六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 143|回复: 0

最简单全选反选

[复制链接]

升级  75.33%

45

主题

45

主题

45

主题

秀才

Rank: 2

积分
163
 楼主| 发表于 2013-2-7 19:22:42 | 显示全部楼层 |阅读模式
不用JS框架的前提下,我觉得最简单的写法是:
以前写反选的时候都用if来判断,今天尝试了下这样写,发现也是对的。O(∩_∩)O~
<script type="text/javascript">    var ids = document.getElementsByName("id");    function select(){        for(var i=0;i<ids.length;i++)            ids[i].checked = true;    }    function inverse(){        for(var i=0;i<ids.length;i++)            ids[i].checked = !ids[i].checked;    }</script> 
测试运行代码:
<html><head><title>全选/反选--测试胡伟官方网[http://jshuwei.org.cn]提供</title><style type="text/css">.no{list-style:none;}</style></head><body><ul><li class="no"><input type="checkbox" name="id" value="1"/></li><li class="no"><input type="checkbox" name="id" value="2"/></li><li class="no"><input type="checkbox" name="id" value="3"/></li><li class="no"><input type="checkbox" name="id" value="4"/></li><li class="no"><input type="checkbox" name="id" value="5"/></li><li class="no"><input type="checkbox" name="id" value="6"/></li></ul><script type="text/javascript">var ids = document.getElementsByName("id");function select(){for(var i=0;i<ids.length;i++)ids[i].checked = true;}function inverse(){for(var i=0;i<ids.length;i++)ids[i].checked = !ids[i].checked;}</script><a href="#" >全选</a>   <a href="#" >反选</a></body></html> 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表