未選中時使用Jquery刪除行

Question

我正在尋找成功：刪除操作完成時刪除選中的行的函數。現在我需要刷新每次檢查該行是否被刪除

這裏是我的Jquery

$('#del').click(function() { 
     var delData = [];  
     $("input:checked").each(function() { 
      delData.push($(this).val()); 
     }); 

     $.ajax({ 
      type: "POST", 
      url: "/Home/Delete", 
      data: { 'ids': delData }, 
      success: function (data) {    
       if (data = true) { 
        jQuery("tr input:checked").remove(this); 
       } 
       else { 
        alert("yooo") 
       } 
      }, 
      dataType: "json", 
      traditional: true 
     }); 
     return false; 
    }); 

我控制器

public ActionResult Delete() 
{ 

    return View(); 

} 
[HttpPost] 
public void Delete(List<int> ids) 
{ 

     int[] TXId = ids.ToArray(); 
     foreach (int i in TXId) 
     { 
      int deleted = new Voucher().Delete(i); 

     }          
} 

我的模型（只刪除）

namespace Finance.Models 
{ 
    public class Voucher 
    { 
     public int Delete(int TXId) 
     { 
      using (SqlConnection con = new SqlConnection(CONNECTION_STRING)) 
      { 
       using (SqlCommand cmd = new SqlCommand("DELETE FROM Ledger WHERE TXId = @TXID", con)) 
       { 
        con.Open(); 
        cmd.Parameters.AddWithValue("@TXID", TXId); 
        int modified = cmd.ExecuteNonQuery(); 
        if (con.State == System.Data.ConnectionState.Open) con.Close(); 
        return modified; 
       } 
      } 
     } 
     #endregion 
} 

並附上我的看法

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

       <tr class="heading"> 

      <th> 
       Date 
      </th> 
      <th id="to"> 
       To</th> 
      <th> 
       Voucher ID 
      </th> 
      <th> 
       Description 
      </th> 
      <th> 
       Amount 
      </th> 
      <th> 
       Account 
      </th> 
      <th> User</th> 

      <th>Select </th> 
       </tr> 
       @foreach (var item in Model.MyList) { 
      <tr class="rows"> 

      <td> 
       @item.Date.ToShortDateString()    
      </td> 
      <td> 
       @Html.DisplayFor(modelItm => item.Per) 

      </td> 
      <td> 
       @Html.DisplayFor(modelItem => item.VId) 
      </td> 
      <td> 
       @Html.DisplayFor(modelItem => item.Des) 
      </td> 
      <td> 
       @Html.DisplayFor(modelItem => item.Amt) 
      </td> 
      <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> 

Answer 1

添加按照您的成功功能線

$("#sortabletable input[type=checkbox]:checked").closest("tr").remove();