• JavaScript---复选框全选的多种实现


    <script language=javascript>
    //第一种方法
    function selectall1()
    {
       var a = document.getElementsByTagName("input");
       if(a[0].checked==true){
       for (var i=0; i<a.length; i++)
          if (a[i].type == "checkbox") a[i].checked = false;
       }
       else
       {
       for (var i=0; i<a.length; i++)
          if (a[i].type == "checkbox") a[i].checked = true;
       }
    }
    //第二种方法
    function selectall2() {
     var tform = document.forms['form1'];
     for (var i=0;i<tform.length;i++)
     {
      var e = tform.elements[i];
      if (e.type == "checkbox")
       e.checked = !e.checked;
     }
    }

    //第三种方法,结合上述两种方法
    function selectall3()
    {
       var a = document.getElementsByTagName("input");
       for (var i=0; i<a.length; i++)
          if (a[i].type == "checkbox") a[i].checked =!a[i].checked;
      }
    //第四方法
    function selectall4(id){ //用id区分  
    var tform=document.forms['form1'];  
    for(var i=0;i<tform.length;i++){  
    var e=tform.elements[i];  
    if(e.type=="checkbox" && e.name==id) e.checked=!e.checked;  
    }  
    }
    //第五种方法
    function selectall5(theform,thename){
    var tform=document.forms[theform];
    //document.getElementById("thewen").value='反选';
    for(var i=0;i<tform.length;i++){
       var e=tform.elements[i];
       if(e.type=='checkbox' && e.name==thename)e.checked=!e.checked;
      }
    }
    </script>
    <form id="form1" name="form1" method="post" action="">
      <input type="checkbox" name="sid" value="1" />
    <input type="checkbox" name="sid" value="2" />
    <input type="checkbox" name="sid" value="3" />
    <input type="checkbox" name="sid" value="4" />
      <input name="thes" type="button" onclick="javascript:selectall1()" value="第一种" />
      <input name="thes" type="button" onclick="javascript:selectall2()" value="第二种" />
      <input name="thes" type="button" onclick="javascript:selectall3()" value="第三种" />
      <input name="thes" type="button" onclick="javascript:selectall4('sid')" value="第四种" />
      <input name="thes" type="button" onclick="javascript:selectall5('form1','sid')" value="第五种" />
    </form>

  • 相关阅读:
    UE4项目《和平精英》渲染技术浅析
    如何用CMake构建Android C++库
    Unity Native Plugin
    多边形三角化
    参考图
    Unity SRP学习笔记
    Macbook Pro HDMI 无信号解决办法
    CGAL计算几何算法库
    无标记动作捕捉
    PS 鼠绘
  • 原文地址:https://www.cnblogs.com/xiaobaizhiqian/p/8460152.html
Copyright © 2020-2023  润新知