常用的JS函数

1. /**    
2. * 全选的所有指定名称的checkbox   
3. *@state　全选的checkbox的状态   
4. *@name   表格中的所有checkbox的名称   
5. *@author fangtf   
6. *@type void   
7. */   
8. function selectAll(state,name) {   
9.     var ids = document.getElementsByName(name);   
10.     for (var i = 0; i < ids.length; i++)    
11.     {          
12.             ids[i].checked = state;   
13.     }   
14. }   
15.   
16. /**    
17. * 全选的所有指定id名称的同名checkbox   
18. *@state　全选的checkbox的状态   
19. *@name   表格中的所有checkbox的名称   
20. *@name   表格中的所有checkbox的id   
21. *@author fangtf   
22. *@type void   
23. */   
24. function selectAllCheckboxByID(state,name,id) {   
25.     var ids = document.getElementsByName(name);   
26.     for (var i = 0; i < ids.length; i++)    
27.     {          
28.             if(ids[i].id == id)   
29.             {   
30.                 ids[i].checked = state;   
31.             }   
32.                
33.     }   
34. }   
35.   
36. /**    
37. * 全选页面上所有的checkbox   
38. *@state　全选的checkbox的状态   
39. *@author fangtf   
40. *@type void   
41. */   
42. function selectAlls(state)    
43. {   
44.     var inputs = document.getElementsByTagName("input");   
45.     for(var i =0;i<inputs.length;i++)   
46.     {   
47.         if(inputs[i].type == "checkbox")   
48.         {   
49.             inputs[i].checked =state;    
50.         }   
51.     }   
52.   
53. }   
54.   
55. /**   
56. *得到鼠标所单击的行   
57. *@type Object   
58. */   
59. function GetRow(oElem) {   
60.     while (oElem) {   
61.         if (oElem.tagName.toLowerCase() == "tr" && oElem.parentElement.tagName.toLowerCase() == "tbody") {   
62.             return oElem;   
63.         }   
64.         if (oElem.tagName.toLowerCase() == "table" || oElem.tagName.toLowerCase() == "th") {   
65.             return false;   
66.         }   
67.         oElemoElem = oElem.parentElement;   
68.     }   
69. }   
70.   
71. /**    
72. * 全选当前行的checkbox   
73. *@state　全选的checkbox的状态   
74. *@author fangtf   
75. *@type void   
76. */   
77. function selectRowCheckbox(state)   
78. {   
79.   var row = GetRow(window.event.srcElement);   
80.   var cells = row.childNodes;    
81.   for(var i=0;i<cells.length;i++)   
82.   {   
83.       var cell = cells[i].childNodes[0];   
84.      if(cell.tagName == "INPUT")   
85.      {   
86.         cell.checked = state;   
87.      }   
88.   }   
89. }   
90.   
91. /**    
92. *选中指定值的Radio   
93. *如：有两个radio,   
94. *第一个的name="ids",value="1"  
95. *第二个的name="ids",value="２"  
96. *调用方法selectRadio("ids","1");   
97. *那么数值为１的Radio将被选中   
98. *@name radio的名称   
99. *@value radio的值   
100. *@author fangtf   
101. *@type void   
102. */   
103. function selectRadio(name,value) {   
104.     var radioObject = document.getElementsByName(name);   
105.     if(value === "")   
106.     {   
107.         radioObject[0].checked = true;   
108.         return;   
109.     }   
110.     for (var i = 0; i < radioObject.length; i++)    
111.     {   
112.         if(radioObject[i].value == value)   
113.         {   
114.             radioObject[i].checked = true;   
115.             break;   
116.         }   
117.            
118.     }   
119. }   
120.   
121. /**    
122. *选中指定值的checkbox   
123. *如：有两个checkbox,   
124. *第一个的name="ids",value="1"  
125. *第二个的name="ids",value="２"  
126. *第三个的name="ids",value="3"  
127. *调用这个方法selectCheckbox("ids","1,2")那么数值为１，２的checkbox将被选中   
128. *                   
129. *@name 要选中的checkbox数组的名称   
130. *@value 判断时候选中的值   
131. *@author fangtf   
132. *@type void   
133. */   
134. function selectCheckbox(name,value) {   
135.     var checkObject = document.getElementsByName(name);   
136.     var valuevalues = value.split(",");   
137.     for(var j = 0; j < values.length; j++)   
138.     {   
139.         for (var i = 0; i < checkObject.length; i++)    
140.         {   
141.             if(checkObject[i].value == values[j])   
142.             {   
143.                 checkObject[i].checked = true;   
144.                 break;   
145.             }   
146.         }   
147.     }   
148.        
149. }   
150.   
151. /**    
152. *选中指定值的select   
153. *如：有一个名称为user的select   
154. *<option value="0"></option>  
155. *<option value="1"></option>  
156. *调用这个方法selectOption("user","0")那么选项为0的选项就被选中   
157. *                  
158. *@name  String  select的名称   
159. *@value String  判断时候选中的值   
160. *@author fangtf   
161. *@type void   
162. */   
163. function selectOption(name,value)   
164. {   
165.      document.getElementsByName(name)[0].value=value;   
166.   
167. }