js实现全选、全不选、反选

不多说,直接上代码~

<meta charset="gbk">
<script language="javascript">
//全选函数
function selectAll()
{
     obj=document.getElementsByName('range');
     for(var i=0;i<obj.length;i++)
     {
        obj.item(i).checked=true;
      }
}
//全不选函数
function unselectAll()
{
     obj=document.getElementsByName('range');
     for(var i=0;i<obj.length;i++)
     {
        obj.item(i).checked=false;
      }
}
//反选函数
function unSelect()
{
    obj=document.getElementsByName('range');
    for(var i=0;i<obj.length;i++)
     {
         if(obj.item(i).checked)
             {
                 obj.item(i).checked=false;
           }
         else
         {
              obj.item(i).checked=true;
          }
     }
}
</script>
<form name="form1" >
<input type="checkbox" value="1" name="range">1<br>
<input type="checkbox" value="3" name="range">3<br>
<input type="checkbox" value="4" name="range">4<br>
<input type="checkbox" value="5" name="range">5<br>
<input type="button" value="全选" onclick="selectAll();">
<input type="button" value="全不选" onClick="unselectAll()">
<input type="button" value="反选" onclick="unSelect();">
</form>


 

posted @ 2013-05-21 23:08  千手宇智波  阅读(180)  评论(0编辑  收藏  举报