checkbox多选框，获取多条数据ID 如何选取多个复选框的id，并传值到页面，进行操作取值为一组复选框，所以不能用document.getElementById()

60 阅读 0 评论 40 点赞

我是靠谱客的博主温柔纸鹤，最近开发中收集的这篇文章主要介绍checkbox多选框，获取多条数据ID 如何选取多个复选框的id，并传值到页面，进行操作取值为一组复选框，所以不能用document.getElementById()，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

 


 



[javascript] 
view plain
 copy

 //取得所有的复选框对象数组  
 function GetAllCheckBox() {  
   var div = document.getElementById("Balls");  
   var inputs = div.getElementsByTagName("input");  
   //定义复选框数组，用来返回  
   var checkboxs = new Array();  
   var nIndex = 0;  
   for (var i = 0; i < inputs.length; i++) {  
  //通过type是否为checkbox来判断复选框  
  if (inputs[i].type == "checkbox") {  
    checkboxs[nIndex] = inputs[i];  
    nIndex++;  
  }  
   }  
   return checkboxs;  
 }  
   
   
   
 //全选  
 function selAll() {  
   var checkboxs = GetAllCheckBox();  
   for (var i = 0; i < checkboxs.length; i++) {  
  checkboxs[i].checked = true;  
   }  
 }  
   
   
   
 //全清  
 function clearAll() {  
   var checkboxs = GetAllCheckBox();  
   for (var i = 0; i < checkboxs.length; i++) {  
  checkboxs[i].checked = false;  
   }  
 }  
   
   
   
 //反选  
 function reverseAll() {  
   var checkboxs = GetAllCheckBox();  
   for (var i = 0; i < checkboxs.length; i++) {  
  if (checkboxs[i].checked == true) {  
    checkboxs[i].checked = false;  
  }  
  else {  
    checkboxs[i].checked = true;  
  }  
   }  
 }  

如何选取多个复选框的id，并传值到页面，进行操作

取值为一组复选框，所以不能用document.getElementById()

[javascript] 
view plain
 copy

 /* 
    *选择多条数据，如何获取id 
    * 
    *获取所有选中id 
    *选择多个数据时，获取所选择的所有id，并将id返回 
    *将id全部拿到，并用 ","拼起来，使用的时候，用split()方法劈开，放到数组中或集合中遍历使用 
    */  
 ->  
   
    function getAllids(){  
        //得到chekbox对象  
        var checkbox = document.getElementsByName("che");  
        //alert("checkbox的长度为："+checkbox.length);  
        var id ="";  
        //当选中时，拿到它的value值，并拼起来  
        //需要注意的是，这样拼出来的id字符串，是以 ","结尾的，所以在使用的时候，应先将 ","去掉，也可在if中做判断  
        // 当为最后一个时，拼的时候不加 ","  
        for ( var i = 0; i < checkbox.length; i++) {  
            if(checkbox[i].checked){  
                id = id + checkbox[i].value+",";  
            }  
        }  
        //alert("id为："+id);  
        return id;  
    }  