按下按钮时取消选中同一行剑道网格中的复选框

Question

我有一个多列的剑道网格。

@(Html.Kendo().Grid<GridViewModel>()
                  .Name("Docgrid")
                  .Columns(columns =>
                  {
                      columns.Bound(c => c.read).Template("<input type='checkbox' #= IsUnread ? checked='checked': '' # class='chkbx' />");
/* some more columns */
                      columns.Command(cmd =>{cmd.Custom("Download").Click("download");});

当我按下下载按钮时，我想取消选中同一网格行中的复选框。

现在我只设法取消选择所有复选框

Check/uncheck a checkbox in the table row when any checkbox in the same row is clicked我找到了这个，但我无法使用按钮使其适应我的需要。

 $("#Download").click(function () {
    $("input[type='checkbox']").prop('checked', false);
});

Answer 1

试试这个：

$(this).closest("tr").find("input[type='checkbox']").prop('checked', false);

此代码将选中 button#download 行中的任何复选框。演示如下：

$("#download").click(function () {
    $(this).closest("tr").find("input[type='checkbox']").prop('checked', false);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <input type="checkbox" checked="checked">
    </td>
    <td>
      <button type="button" id="download">Download"</button>
    </td>
  </tr>
</table>

在演示中，我使用了一张普通的桌子，但它也应该适用于剑道桌子。如果您只想更改同一行中的一个复选框，请务必更改 input[type='checkbox'] 选择器。