我想添加一个类到我的tr行如果选择所有复选框已被选中,但我似乎无法得到添加类的工作(然后显然删除它们,如果检查全部已被取消选择),我我正在使用切换每个单独的行添加/删除类,但似乎无法得到它的全部检查工作。jquery检查所有复选框并将类添加到行?
这里是我的表:
<form>
<table cellspacing="0" cellpadding="0" class="tablesorter" id="table">
<thead>
<tr>
<th valign="middle" align="left" class="filebox"><input type="checkbox" id="checkall" name="checkall"></th>
<th valign="middle" align="left" class="header filename"><strong>Filename</strong></th>
<th valign="middle" align="left" class="header filesize"><strong>Size</strong></th>
<th valign="middle" align="left" class="header filedate"><strong>Date</strong></th>
</tr>
</thead>
<tbody class="file">
<tr>
<td valign="middle" align="left" class="filebox"><input type="checkbox" id="checkbox" name="checkbox"></td>
<td valign="middle" align="left" class="filename">Search48.png</td>
<td valign="middle" align="left" class="filesize">6 KB</td>
<td valign="middle" align="left" class="filedate">21/10/2010</td>
</tr>
<tr>
<td valign="middle" align="left" class="filebox"><input type="checkbox" id="checkbox" name="checkbox"></td>
<td valign="middle" align="left" class="filename">shopping_trolley48.png</td>
<td valign="middle" align="left" class="filesize">3 KB</td>
<td valign="middle" align="left" class="filedate">21/10/2010</td>
</tr>
</tbody>
</table>
</form>
这里是我的jQuery代码:
//check all checkboxes
$("#checkall").click(function() {
$(this).parents("#table:eq(0)").find(":checkbox").attr("checked", this.checked);
});
//add highlight to tr
$("#checkbox").click(function() {
$(this).parent().parent().toggleClass("highlight");
});
谢谢你,但它不是增加新的类上检查行的所有 – SoulieBaby 2010-10-21 22:01:24
@Soulie - 在我的代码你加'.change()'在第二线之上? :)检查演示,看看它的工作。 – 2010-10-21 22:05:08
我也遇到了一个错误:“太多递归” – SoulieBaby 2010-10-21 22:07:41