Question

我桌子的结构如下所示。如果输入被检查，如何使它将“选择”类添加到＆lt; tr>它位于哪里？如果取消选中该复选框，则会从＆lt;中删除“已选中”类。 tr> ？请帮帮我:)。

<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事件绑定到复选框：

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

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

Answer 2

这很容易。

$('input[type=checkbox]').change(function(){
    if(this.checked)
        $(this).closest('tr').addClass('selected');
    else
        $(this).closest('tr').removeClass('selected');
});

Answer 3

你可以这样做：

$(':checkbox').change(function () {
  $(this).parent().toggleClass('selected');
});

参考文献：

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

3 个答案: