Stanlyy 发表于 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.checked = true;    }    function inverse(){      for(var i=0;i<ids.length;i++)            ids.checked = !ids.checked;    }</script> 
测试运行代码:
<html><head><title>全选/反选--测试胡伟官方网提供</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.checked = true;}function inverse(){for(var i=0;i<ids.length;i++)ids.checked = !ids.checked;}</script><a href="#" >全选</a>   <a href="#" >反选</a></body></html> 
页: [1]
查看完整版本: 最简单全选反选