未選中複選框時，從附加表中刪除行

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