checkbox多选框，获取多条数据ID

[javascript] view plain copy

1. //取得所有的复选框对象数组  
2. function GetAllCheckBox() {  
3.   var div = document.getElementById("Balls");  
4.   var inputs = div.getElementsByTagName("input");  
5.   //定义复选框数组，用来返回  
6.   var checkboxs = new Array();  
7.   var nIndex = 0;  
8.   for (var i = 0; i < inputs.length; i++) {  
9.  //通过type是否为checkbox来判断复选框  
10.  if (inputs[i].type == "checkbox") {  
11.    checkboxs[nIndex] = inputs[i];  
12.    nIndex++;  
13.  }  
14.   }  
15.   return checkboxs;  
16. }  
17.   
18.   
19.   
20. //全选  
21. function selAll() {  
22.   var checkboxs = GetAllCheckBox();  
23.   for (var i = 0; i < checkboxs.length; i++) {  
24.  checkboxs[i].checked = true;  
25.   }  
26. }  
27.   
28.   
29.   
30. //全清  
31. function clearAll() {  
32.   var checkboxs = GetAllCheckBox();  
33.   for (var i = 0; i < checkboxs.length; i++) {  
34.  checkboxs[i].checked = false;  
35.   }  
36. }  
37.   
38.   
39.   
40. //反选  
41. function reverseAll() {  
42.   var checkboxs = GetAllCheckBox();  
43.   for (var i = 0; i < checkboxs.length; i++) {  
44.  if (checkboxs[i].checked == true) {  
45.    checkboxs[i].checked = false;  
46.  }  
47.  else {  
48.    checkboxs[i].checked = true;  
49.  }  
50.   }  
51. }  

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

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

[javascript] view plain copy

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