• 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>

  • 相关阅读:
    ArcGIS JS 学习笔记1 用ArcGIS JS 实现仿百度地图的距离量测和面积量测
    WGS84,GCJ02, BD09坐标转换
    离线地图切片及使用解决方案
    ArcGIS API for JavaScript 加载独立GeoWebCache发布的Wmts服务
    如何利用已有的切片文件生成TPK
    arcgis api for silverlight(时间感知层)
    arcgis api for silverlight(行为和行动)
    开篇有益
    关于vue项目中表格所遇到的问题(三)
    关于vue项目中表格所遇到的问题(二)
  • 原文地址:https://www.cnblogs.com/xiaobaizhiqian/p/8460152.html
Copyright © 2020-2023  润新知