javascript - Gridview 检查所有复选框问题

Question

我正在使用来自 here 的 gridview 的全选复选框功能.这里使用的脚本有一个问题。

如果我选择标题复选框，所有模板(行)复选框都会被选中。如果我然后取消选择所有模板复选框，标题复选框仍保持选中状态。在这种情况下如何取消选中标题复选框？

请指教!

Answer 1

首先，我会添加一个 Css 类到 CheckBox1 以供以后使用 class="chk-all"。

然后，将 javascript 函数添加到 ItemTemplate 复选框。

<ItemTemplate>
    <asp:CheckBox ID="CheckBox1" runat="server" onclick="UnselectAllOption()"  />
</ItemTemplate>

然后，使用一些 jQuery 来选择具有 class="chk-all" 的复选框。

function UnselectAllOption(){  
    $('.chk-all').attr("checked", false");  
}

一旦其他复选框之一被单击，我就将其设置为未选中，因为要么没有被选中，要么您只选择了一个，因此不应选中 HeaderTemplate 中的复选框。或者所有复选框都已选中，这意味着不应选中 HeaderTemplate 中的复选框，因为您正在将其他复选框更改为不选中。

编辑

附注此答案要求您添加对 jQuery 的脚本引用JavaScript 库。