hi all, I am trying to add a class to my tr rows if the select all checkbox has been selected, but I can't seem to get the add class to work (and then obviously remove them if check all has been deselected), I am using toggle on each individual row to add/remove the class, but can't seem to get it working for the check all.
Here's my table:
<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>
Here's my jquery code:
//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");
});