JSP复选框全选和反选

1. "javascript">   
2.     function selectIt() {   
3.   
4.         form = document.lzyy   
5.   
6.         action = event.srcElement.name   
7.   
8.         for (var i = 0; i < form.elements.length; i++) {   
9.   
10.             if (form.elements[i].name == "checkbox") {   
11.   
12.                 e = form.elements[i]   
13.   
14.                 e.checked = (action == "selectAll") ? (form.selectAll.checked) : (!e.checked)   
15.                 ////在这里 通过条件表达式?:来使每个框反选。朋友们可以好好思考一下。这种首先是一种实现方式。其二 还能是代码简练。哈哈 反正个人是喜欢这种方式拉。   
16.             }   
17.   
18.         }   
19.   
20.     }   
21.   
22. "lzyy">   
23.     class="STYLE1">   
24.         全 选   
25.         "checkbox" name="selectAll" value="checkbox" onClick="selectIt()">   
26.         
      
27.         反 选   
28.         "checkbox" name="invest" value="checkbox" onClick="selectIt()">   
29.         
      
30.         Item1   
31.         "checkbox" name="checkbox" value="checkbox">   
32.         
      
33.         Item2   
34.         "checkbox" name="checkbox" value="checkbox">   
35.         
      
36.         Item3   
37.         "checkbox" name="checkbox" value="checkbox">   
38.         
      
39.         Item4   
40.         "checkbox" name="checkbox" value="checkbox">   
41.         
      
42.         Item5   
43.         "checkbox" name="checkbox" value="checkbox">   
44.     
      
45.   

全 选
反 选
Item1
Item2
Item3
Item4
Item5

1.   
2.        
3.        
4.         "text/javascript">   
5.             function checkEvent(name, allCheckId) {   
6.                 var allCk = document.getElementById(allCheckId);   
7.                 if (allCk.checked == true) checkAll(name);   
8.                 else checkAllNo(name);   
9.   
10.             }   
11.   
12.             //全选   
13.             function checkAll(name) {   
14.                 var names = document.getElementsByName(name);   
15.                 var len = names.length;   
16.                 if (len > 0) {   
17.                     var i = 0;   
18.                     for (i = 0; i < len; i++)   
19.                     names[i].checked = true;   
20.   
21.                 }   
22.             }   
23.   
24.             //全不选   
25.             function checkAllNo(name) {   
26.                 var names = document.getElementsByName(name);   
27.                 var len = names.length;   
28.                 if (len > 0) {   
29.                     var i = 0;   
30.                     for (i = 0; i < len; i++)   
31.                     names[i].checked = false;   
32.                 }   
33.             }   
34.   
35.             //反选   
36.             function reserveCheck(name) {   
37.                 var names = document.getElementsByName(name);   
38.                 var len = names.length;   
39.                 if (len > 0) {   
40.                     var i = 0;   
41.                     for (i = 0; i < len; i++) {   
42.                         if (names[i].checked) names[i].checked = false;   
43.                         else names[i].checked = true;   
44.   
45.                     }   
46.                 }   
47.   
48.             }   
49.            
50.        
51.        
52.        
53.         "checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />   
54.         全选   
55.         "checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')"  
56.         />   
57.         反选   
58.            
59.         "checkbox" name="ck" value="1" />   
60.         篮球   
61.            
62.         "checkbox" name="ck" value="2" />   
63.         旅游   
64.            
65.         "checkbox" name="ck" value="3" />   
66.         读书   
67.            
68.         "checkbox" name="ck" value="4" />   
69.         美食   
70.            
71.         "checkbox" name="ck" value="5" />   
72.         睡觉   
73.        
74.   
75.   

全选反选
篮球
旅游
读书
美食
睡觉

1. // 说明：Javascript 控制 CheckBox 的全选与取消全选   
2. function checkAll(name) {   
3.     var el = document.getElementsByTagName('input');   
4.     var len = el.length;   
5.     for (var i = 0; i < len; i++) {   
6.         if ((el[i].type == "checkbox") && (el[i].name == name)) {   
7.             el[i].checked = true;   
8.         }   
9.     }   
10. }   
11. function clearAll(name) {   
12.     var el = document.getElementsByTagName('input');   
13.     var len = el.length;   
14.     for (var i = 0; i < len; i++) {   
15.         if ((el[i].type == "checkbox") && (el[i].name == name)) {   
16.             el[i].checked = false;   
17.         }   
18.   
19.     }   
20.   
21. }  

// 说明：Javascript 控制 CheckBox 的全选与取消全选function checkAll(name) {var el = document.getElementsByTagName('input');var len = el.length;for (var i = 0; i < len; i++) {if ((el[i].type == "checkbox") && (el[i].name == name)) {el[i].checked = true;}}}function clearAll(name) {var el = document.getElementsByTagName('input');var len = el.length;for (var i = 0; i < len; i++) {if ((el[i].type == "checkbox") && (el[i].name == name)) {el[i].checked = false;}}}

1. var checkFlag = true;　　　　   
2. function ChooseAll() {   
3.     if (checkFlag) {　　　　　　　　   
4.         var inputs = document.all.tags("INPUT");　　　　　　　　   
5.         for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　   
6.             if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {   
7.                 inputs[i].checked = true;　　　　　　　　　　   
8.             }　　　　　　　　   
9.         }   
10.         checkFlag = false;　　　　　　   
11.     } else {　　　　　　　　   
12.         var inputs = document.all.tags("INPUT");　　　　　　　　   
13.         for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　   
14.             if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {   
15.                 inputs[i].checked = false;　　　　　　　　　　   
16.             }　　　　　　　　   
17.         }   
18.         checkFlag = true;　　　　　　   
19.     }　　　　   
20. }  

var checkFlag = true;　　　　function ChooseAll() {if (checkFlag) {　　　　　　　　var inputs = document.all.tags("INPUT");　　　　　　　　for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {inputs[i].checked = true;　　　　　　　　　　}　　　　　　　　}checkFlag = false;　　　　　　} else {　　　　　　　　var inputs = document.all.tags("INPUT");　　　　　　　　for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {inputs[i].checked = false;　　　　　　　　　　}　　　　　　　　}checkFlag = true;　　　　　　}　　　　}

1. "button" name="" value="不计算长度" onclick="a()">   
2. "button" name="" value="全选" onclick="b()">   
3. "button" value="缓存" onclick="c()">   
4. "checkbox" name="test[]" value="0">   
5. 测试测试   
6. 
     
7. "JavaScript">   
8.        
9.        
10.