Question

我有一个包含多列的Kendo Grid。

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

此代码将选择按钮#download row中的任何复选框。演示如下：

$("#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>

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

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

1 个答案: