选择 asp.net CheckBoxList 中的所有项目

ASP.NET 和 C#。

我想要一个带有“全选”项目的复选框列表。

• 当这个特定项目是 已选择，所有其他都将被选择 也。
• 当选择被删除时 这个项目，也将来自所有人 其他物品。
• 选中/取消选中 任何其他项目只会有一个 对特定项目的影响 无论选择状态如何 “全选”项目。

我正在寻找一个 jquery 解决方案。

这是我的代码隐藏中的数据绑定代码：

IList<Central> Centrals = new CentralProvider().GetAllCentralsAsList();
Centrals.Insert(0, new Central(){Central_ID = 999, Central_Name = "Select All"});
CentralChecks.DataSource = Centrals;
CentralChecks.DataTextField = "Central_Name";
CentralChecks.DataValueField = "Central_ID";
CentralChecks.DataBind();

这是标记：

<div class="CentralDiv" id="CentralDiv">
    <h2>Centrals:</h2>
    <span>
        <asp:TextBox ID="CentralTextBox" runat="server" CssClass="textbox">Centrals</asp:TextBox>
        <img id="CentralArrow" src="images/down_arrow.jpg" style="margin-left: -22px; margin-bottom: -5px" />
    </span>
    <div id="CentralEffect" class="ui-widget-content">
        <asp:CheckBoxList ID="CentralChecks" runat="server" onclick="GetSelectedCentralValue();">
        </asp:CheckBoxList>
    </div>
</div>

请注意，页面上有多个复选框列表，因此任何解决方案都必须牢记这一点。

就像您可以用于任何复选框列表一样，只需将 myCheckBoxList 的 cssclass 添加到每个 CheckBoxList 控件即可：

$('.myCheckBoxList :checkbox').eq(0).click(function() { 
    var toggle = this.checked;
    $('.myCheckBoxList :checkbox').attr("checked", toggle);
});