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

Question

我有一个包含多列的 Kendo 网格。

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

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

现在我只能取消选中所有复选框

我找到了这个，但我无法使用按钮使其适应我的需要。

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

Answer 1

试试这个：

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

此代码将 select 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'] select 或者如果您只想更改同一行中的一个复选框。

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

Uncheck checkbox in same row kendo grid at button press

javascript

button

checkbox

kendo-ui

kendo-ui-grid