javascript - 将类添加到它所在的 tr 的复选框

Question

我的表结构如下所示。如果选中输入，如何做到这一点，它将向它所在的 添加一个“selected”类？如果取消选中该复选框，它将从 中删除类“已选择”？请帮助我:)

<tr>
    <td><input type="checkbox"></td>
    <td><img src="../gallery/thumbnails/1.png" alt=""></td>
    <td>tryb</td>
    <td>png</td>
</tr>
<tr>
    <td><input type="checkbox"></td>
    <td><img src="../gallery/thumbnails/2.png" alt=""></td>
    <td>test</td>
    <td>png</td>
</tr>
[..]

Answer 1

将 onchange 事件绑定(bind)到复选框:

$("input[type=checkbox]").change(function () {
    $(this).closest('tr').toggleClass('selected', this.checked);
}).change(); // manually trigger change after the binding

每次复选框更改时，您都会根据选中状态将父行设置为已选中。