微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery检查所有复选框

我认为这很简单我有一个表,第一列是一个复选框
我正在使用此代码使复选框检查所有其他复选框

$('.checkall').click(function () {
    $(this).parents('tbody:eq(0)').find(':checkBox').attr('checked',this.checked);
});

用于创建表的HTML / Jquery代码

$("#menuarea").html('<a href="#!/home" id="gotohome"><div id="backmain" class="backbg">Back</div></a><div id="nav" class="backbgright">New Business Lead</div>'+
                        '<div id="dowithleads"></div>'+
                        '<table cellpadding="0" cellspacing="0" border="0" class="sortable paginated" id="manageleads">'+
'   <thead>'+
'       <tr>'+
'           <th class="small"><input type="checkBox" class="checkBox checkall" value="Yes"></th>'+
'           <th class="sort-alpha">Created Time</th>'+
'           <th class="sort-alpha">Company</th>'+
'           <th class="sort-alpha">Lead Name</th>'+
'           <th class="sort-alpha">Phone No.</th>'+
'           <th class="sort-alpha bigger">Email</th>'+
'           <th class="sort-alpha">Lead Owner</th>'+
'           <th class="sort-alpha last">Lead Status</th>'+
'       </tr>'+
'   </thead>'+
'   <tbody>'+
'       <tr>'+
'           <td class="small"><input type="checkBox" class="formBox"></td>'+
'           <td>Mozilla 1.6</td>'+
'           <td>Win 95+ / OSX.1+</td>'+
'           <td class="center">1.6</td>'+
'           <td class="center">A</td>'+
'           <td class="center bigger">A</td>'+
'           <td class="center">A</td>'+
'           <td class="center last">A</td>'+
'       </tr>'+
'       <tr>'+
'           <td class="small"><input type="checkBox" class="formBox"></td>'+
'           <td>Mozilla 1.2</td>'+
'           <td>Win 94+ / OSX.1+</td>'+
'           <td class="center">1.5</td>'+
'           <td class="center">D</td>'+
'           <td class="center bigger">A</td>'+
'           <td class="center">N</td>'+
'           <td class="center last">A</td>'+
'       </tr>'+
'</table>');

解决方法

如果您使用的是jQuery 1.6.x,请使用 .prop

$('.checkall').click(function () {
    $(this).closest('table').find('input[type=checkBox]').prop('checked',this.checked);
});

另请注意,$(this).parents(‘tbody:eq(0)’)不会选择任何内容.你的.checkall不在tbody里面.我将其更改为$(this).closest(‘table’).

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐