JavaScript全选与取消全选

1. JS代码
2. //全选  
3. function upCheckAll(){  
4.     if($("#upcheckboxall").attr("checked") == true) {      
5.         $("input[name='upcheckbox']").each(  
6.             function() {  
7.                 if ( ! $(this).attr("disabled")){  
8.                     $(this).attr("checked", true);   
9.                 }  
10.             }  
11.         );   
12.     }else{    
13.         $("input[name='upcheckbox']").each(  
14.             function() {  
15.                 if ( ! $(this).attr("disabled")){  
16.                     $(this).attr("checked", false);    
17.                 }  
18.             }  
19.         );    
20.     }   
21. };  
22.   
23. //取消全选  
24. function downCancelCheckAll(){  
25.     if($("#upcheckboxall").attr("checked") == true){  
26.         $("#upcheckboxall").attr("checked", false);  
27.     }  
28. }  

 

XML/HTML代码

<table border="0" cellspacing="10" cellpadding="0" style="margin-left:200px;">
    <tr>
        <td><input type="checkbox" id="upcheckboxall" onclick="upCheckAll()" />td>
        <td>全选td>
    tr>
    <tr>
        <td><input name="upcheckbox" type="checkbox" onclick="downCancelCheckAll()" />td>
        <td>记录1td>
    tr>
    <tr>
        <td><input name="upcheckbox" type="checkbox" onclick="downCancelCheckAll()" />td>
        <td>记录2td>
    tr>
table>