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. functioncheckAll()
3. {
5. varcode_Values=document.all['code_Value'];
6. if(code_Values.length){
7. for(vari=0;i<code_Values.length;i++)
8. {
9. code_Values[i].checked=true;
10. }
11. }else{
12. code_Values.checked=true;
13. }
15. }
18. functionuncheckAll()
19. {
21. varcode_Values=document.all['code_Value'];
22. if(code_Values.length){
23. for(vari=0;i<code_Values.length;i++)
24. {
25. code_Values[i].checked=false;
26. }
27. }else{
28. code_Values.checked=false;
29. }
31. }
33. functionmultipleDelete()
34. {
36. varnum=0;
37. varcode_Values=document.all['code_Value'];
38. if(code_Values.length){
39. for(vari=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. }
51. }
53. if(num==0){
54. alert('Pleaseselectdeleteitem');
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. functioncheckAll()
67. {
69. varcode_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. functionuncheckAll()
80. {
82. varcode_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. functionmultipleDelete()
92. {
94. if(document.BuCodeSearch.elements["code_Value"])
95. {
96. varnum=0;
97. varfm=document.BuCodeSearch;
99. if(document.BuCodeSearch.elements["code_Value"])
100. {
101. varelm=document.BuCodeSearch.elements["code_Value"];
102. varename="code_Value";
103. if(elm.length){
104. varlen=fm.elements[ename].length;
105. for(vari=0;i<len;i++){
106. vare=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. }
124. }

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

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