JS基础学习篇－－－－JS控制checkbox全选、取消全选、删除功能

 前面讨论了JS控制checkbox，及对document.all,document.getElementById,document.getElementsByTagName,document.getElementsByName等做了学习，
链接如下：
http://blog.csdn.net/luweifeng1983/archive/2008/12/16/3532529.aspx
http://blog.csdn.net/luweifeng1983/archive/2008/12/18/3549769.aspx
http://blog.csdn.net/luweifeng1983/archive/2008/12/18/3550665.aspx
http://blog.csdn.net/luweifeng1983/archive/2008/12/18/3551096.aspx
今天把JS控制checkbox全选、取消全选、删除功能的代码贴出来。。
看下面两种实现方法：

1. 方法一：
2. function checkAll()
3. {
5.     var code_Values = document.all['code_Value'];
6.     if(code_Values.length){
7.         for(var i=0;i<code_Values.length;i++)
8.         {
9.             code_Values[i].checked = true;
10.         }
11.     }else{
12.         code_Values.checked = true;
13.     }
14.     
15. }
18. function uncheckAll()
19. {
21.     var code_Values = document.all['code_Value'];
22.     if(code_Values.length){
23.         for(var i=0;i<code_Values.length;i++)
24.         {
25.             code_Values[i].checked = false;
26.         }
27.     }else{
28.         code_Values.checked = false;
29.     }
30.     
31. }
33. function multipleDelete()
34. {
36.     var num = 0;
37.     var code_Values = document.all['code_Value'];
38.     if(code_Values.length){
39.         for(var i=0;i<code_Values.length;i++)
40.         {
41.             if(code_Values[i].checked == true)
42.             {
43.                 num ++;
44.             }
45.         }
46.     }else{
47.         if(code_Values.checked == true){
48.             num ++ ;
49.         }
50.         
51.     }
52.     
53.     if(num == 0){
54.         alert('Please select delete item');
55.     }
56.     if(num >0){
57.         document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
58.         document.BuCodeSearch.submit();
59.     }
61. }
62. </script>
65. 方法二：
66. function checkAll()
67. {
69.     var code_Values = document.getElementsByTagName("input");
70.     for(i = 0;i < code_Values.length;i++){
71.         if(code_Values[i].type == "checkbox")
72.         {
73.             code_Values[i].checked = true;
74.         }
75.     }
76. }
79. function uncheckAll()
80. {
82.     var code_Values = document.getElementsByTagName("input");
83.     for(i = 0;i < code_Values.length;i++){
84.         if(code_Values[i].type == "checkbox")
85.         {
86.             code_Values[i].checked = false;
87.         }
88.     }
89. }
91. function multipleDelete()
92. {
94.     if (document.BuCodeSearch.elements["code_Value"])
95.     {
96.         var num = 0;
97.         var fm = document.BuCodeSearch;
99.         if (document.BuCodeSearch.elements["code_Value"])
100.         {
101.             var elm = document.BuCodeSearch.elements["code_Value"];
102.             var ename = "code_Value";       
103.             if (elm.length) {
104.                 var len = fm.elements[ename].length;
105.                 for (var i  = 0; i< len; i++) {
106.                     var e = fm.elements[ename][i];
107.                     if (e.checked == true){
108.                         num++;
109.                     }
110.                 }
111.             } else {
112.                 if (elm.checked == true ) {
113.                     num++;
114.                 }
115.             }       
116.             if (num > 0 )
117.             {
118.                 document.BuCodeSearch.action = '<%=EusUtil.getPage("lookup.generic.bucode.delete.s")%>';
119.                 document.BuCodeSearch.submit();
120.             }   
121.         }   
122.     }
123.     
124. }

code_Value为checkbox表单的名称， BuCodeSearch为form名称

1. <td align="left" width="20"><input type="checkbox" name="code_Value" value="<%=userDefFieldValueBean.getUdfValue()%>"></td>