zoukankan      html  css  js  c++  java
  • js checkbox(复选框) 使用集锦

    function selectAll() //全选
    {
     var objs = document.getElementsByName('twId');
     var i;
     for(i = 0; i < objs.length; i++)
     {
      if(objs[i].type == "checkbox")
      {
       objs[i].checked = true;
      }
     }
    }

    function unselect() //反选
    {
     var objs = document.getElementsByName('twId');
     var i;
     for(i=0;i<objs.length;i++)
     {
      if(objs[i].type=='checkbox')
      {
       if(objs[i].checked == true)
       {
        objs[i].checked =false;
       }
       else
       {
        objs[i].checked =true;
       }
      }
     }
    }

     function idArray()  //得到批量处理的twId
    {
     var objs = window.document.getElementsByName('twId');
     var i;
     var idArray = new Array();
     var j = 0;
     for(i=0;i<objs.length;i++)
     {
      if(objs[i].type=='checkbox')
      {
       if(objs[i].checked == true)
       {
        idArray[j] = objs[i].value;
        j = j + 1;     
       }
      }
     }
     return idArray;
    }

    function evArray()  //得到批量处理的city
    {
     var objs = window.document.getElementsByName('twId');
     var evObj = window.document.getElementsByName('cityStr');
     var i;
     var evArray = new Array();
     var j = 0;
     for(i=0;i<objs.length;i++)
     {
      if(objs[i].type=='checkbox')
      {
       if(objs[i].checked == true)
       {
        evArray[j] = evObj[i].value;
        j = j + 1;     
       }
      }
     }
     return evArray;
    }

    function selectUser()  //把选择到的值写到文本框
    {
      var userIds = new Array();
         userIds = idArray();
       var userIdString = userIds.join(",");   //数组字符串化
       document.getElementById('member').value=userIdString;
     }

    版权声明:本文为博主原创文章,未经博主允许不得转载。

  • 相关阅读:
    数据挖掘-基本流程
    ArcGIS GP应用-GP模型服务发布
    ArcGIS GP应用-GP模型创建-缓冲区分析
    Hadoop2的Yarn和MapReduce2相关
    hadoop学习WordCount+Block+Split+Shuffle+Map+Reduce技术详解
    WordCount示例深度学习MapReduce过程
    数组的几种排序算法的实现
    hBase官方文档以及HBase基础操作封装类
    Hive SQL执行流程分析
    Hive SQL的编译过程
  • 原文地址:https://www.cnblogs.com/cuker919/p/4878675.html
Copyright © 2011-2022 走看看