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

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>

在演示中我使用的是普通 table ，但它也应该适用于 Kendo table 。确保更改 input[type='checkbox'] 选择器，以防您只想更改同一行中的一个复选框。