函数全不选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>

    
 

文章结束给大家分享下程序员的一些笑话语录:  一边用着越狱的ip,一边拜乔帮主的果粉自以为是果粉,其实在乔帮主的眼里是不折不扣的叛徒。

你可能感兴趣的:(js)