小小示例:自己备份顺便粘出来共享.

引入头部文件:<script src="../js/jQuery1.7.2.js"></script>

HTML代码:

1 <table>

 2         <tr>

 3             <td>

 4                 <input type="checkbox" name="checkall" class="checkall" /></td>

 5             <td>用户名</td>

 6             <td>密码</td>

 7             <td>性别</td>

 8         </tr>

 9         <tr>

             <td>

                 <input type="checkbox" name="checkitem" class="checkitem" />

             </td>

             <td>张三</td>

             <td></td>

             <td>男</td>

         </tr>

         <tr>

             <td>

                 <input type="checkbox" name="checkitem" class="checkitem" />

             </td>

             <td>李四</td>

             <td></td>

             <td>男</td>

         </tr>

         <tr>

             <td>

                 <input type="checkbox" name="checkitem" class="checkitem" />

             </td>

             <td>阿朱</td>

             <td></td>

             <td>女</td>

         </tr>

     </table>

Js代码:

 1 <script>

 2     $(function () {

 3         $('input[name="checkall"]').click(function () {//全选和反选

 4             $('input[name="checkitem"]').prop("checked", $(this).prop("checked"));

 5         });

 6         $('input[name="checkitem"]').click(function () {

 7             var $chk_all = $('input[name="checkall"]');

 8             var flag = true;

 9             var chk_val = $(this).parents('table').find('input[name="checkitem"]');

             for (var i = ; i < chk_val.length; i++) {

                 if (!chk_val.eq(i).prop("checked")) {

                     flag = false;

                 }

             }

             $chk_all.prop("checked", flag);

         });

     });

 </script>