最简单全选反选
不用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]