javascript - 未选中复选框时从附加表中删除行

Question

我是初学者，只知道 javascript 和 MVC 的基础知识。现在，只要未选中该行，我就需要从附加表中删除相应的行。这是我的表...

    <table id="sortabletable" class="tab sortable">

    <tr class = trow>
            <td>
                @Html.DisplayFor(modelItem => item.AId)
            </td>
             <td>                 
                @Html.DisplayFor(modelItem => item.UId)
            </td>

             <td><input type="checkbox" name="thecheckbox" value="@item.TXId" class ="cbox" checked/></td>
         </tr> 
</table>
<table class="tab" id="tlist">
<tbody>  
</tbody>
</table>

这是我的 Jquery

$(function () {
    $('input[type="checkbox"]').click(function () {
        _this = $(this);
        if ($(this).is(':checked')) {
            row.find('td:nth-child(1), td:nth-child(3)').hide();
            var row = _this.closest("tr").clone();
            $('#tlist').append(row);
        } else {
            // i dont know
        }
    });
});  

我不知道如何根据附加表中的检查值选择行。

Answer 1

使用closest和的组合remove

$('input.cbox').on('change', function() {
      var _this = $(this);
      if(this.checked) {
        var row = _this.closest("tr").clone();
        row.find('td:nth-child(1), td:nth-child(3)').hide();

        row.data('id' , this.value);
        $('#tlist').append(row);
      }
      else {
          $('[data-id="'+ this.id +'"]', '#tlist').remove()
      }
});