jquery实现全选全不选

<html>
    <head> 
        <script type="text/javascript" src="jquery-1.7.1.min.js"> </script>
        <script type="text/javascript">
            function checkboxClick(checked,all){
                   if(checked){
                       if (all != null) {
                           $("#tableCheck").find("tbody").find(":checkbox").attr("checked",true);
                       } 
                   }else{
                       if (all != null) {
                           $("#tableCheck").find("tbody").find(":checkbox").attr("checked",false);
                        } else {
                           $("#tableCheck").find("thead").find(":checkbox").attr("checked",false);
                        }
                   }
            }
        </script>
    </head>
    <body>
        <div>
        <table class='' id="tableCheck">
            <thead>
                <tr>
                    <th>
                      <input type="checkbox" id="" onclick="checkboxClick(this.checked,1);">
                    </th>
                    <th>编号</th> <th>编号</th> <th>编号</th><th>编号</th>
                </tr>
            </thead>
            <tbody> 
                    <tr>
                        <td>
                           <input type="checkbox" id="" onclick="checkboxClick(this.checked);" /> 
                        </td>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>  
                    </tr> 
                    <tr>
                        <td>
                           <input type="checkbox" id="" onclick="checkboxClick(this.checked);" /> 
                        </td>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>  
                    </tr>  
            </tbody>
        </table> 
    </div>
    <body>
</html>

相关推荐