checkbox操作

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

引入头部文件:<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>