zoukankan      html  css  js  c++  java
  • 列表checkbox全选

    1 <script language=javascript>
    2  //第一种方法
    3 function selectall1()
    4 {
    5 var a = document.getElementsByTagName("input");
    6 if(a[0].checked==true){
    7 for (var i=0; i<a.length; i++)
    8 if (a[i].type =="checkbox") a[i].checked =false;
    9 }
    10 else
    11 {
    12 for (var i=0; i<a.length; i++)
    13 if (a[i].type =="checkbox") a[i].checked =true;
    14 }
    15 }
    16 //第二种方法
    17 function selectall2() {
    18 var tform = document.forms['form1'];
    19 for (var i=0;i<tform.length;i++)
    20 {
    21 var e = tform.elements[i];
    22 if (e.type =="checkbox")
    23 e.checked =!e.checked;
    24 }
    25 }
    26 //第三种方法,结合上述两种方法
    27 function selectall3()
    28 {
    29 var a = document.getElementsByTagName("input");
    30 for (var i=0; i<a.length; i++)
    31 if (a[i].type =="checkbox") a[i].checked =!a[i].checked;
    32 }
    33 //第四种方法
    34 function selectall4(id){ //用id区分
    35 var tform=document.forms['form1'];
    36 for(var i=0;i<tform.length;i++){
    37 var e=tform.elements[i];
    38 if(e.type=="checkbox"&& e.name==id) e.checked=!e.checked;
    39 }
    40 }
    41 //第五种方法
    42 function selectall(theform,thename){ //theform指定的form,thename是checkbox的name属性
    43 var tform=document.forms[theform];
    44 document.getElementById("thewen").value='反选';
    45 for(var i=0;i<tform.length;i++){
    46 var e=tform.elements[i];
    47 if(e.type=='checkbox'&& e.name==thename)e.checked=!e.checked;
    48 }
    49 }
    50 </script>
    51 <form id="form1" name="form1" method="post" action="">
    52 <input type="checkbox" name="sid" value="1"/>
    53 <input name="thes" type="button" onclick="javascript:selectall3()" value="全选"/>
    54 </form>
    55
    56
  • 相关阅读:
    浅谈MIPS地址对齐问题
    一些使用的linux库
    linux curl网络库的使用方法
    一些json在js和c++ jsoncpp的操作
    Java开发小技巧(六):使用Apache POI读取Excel
    Java开发小技巧(五):HttpClient工具类
    vue-router 组件复用问题
    Vuejs之开发环境搭建
    Java开发小技巧(四):配置文件敏感信息处理
    Java开发小技巧(三):Maven多工程依赖项目
  • 原文地址:https://www.cnblogs.com/weipeng224/p/1724049.html
Copyright © 2011-2022 走看看