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()
      }
});

取消选中复选框时，从附加表中删除行

1 个答案: