Sélectionnez Tous les Éléments de asp.net CheckBoxList

ASP.NET et C#.

J'aimerais avoir une CheckboxList avec un "Sélectionner Tout".

  • Lorsque ce point particulier est
    sélectionné, tous les autres seront sélectionnés
    trop.
  • Lorsque la sélection est retiré de
    ce point, ainsi qu'il sera de tous les
    d'autres éléments.
  • Cochant/Décochant de
    tous les autres éléments auront un
    effet sur ce point particulier
    quel que soit l'état de sélection de
    "Sélectionner Tout".

Je suis à la recherche d'un jquery solution à cette question.

Ici est la liaison de données de code dans mon code:

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

Et voici le balisage:

<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>

Remarque qu'il y a plusieurs case à cocher listes sur la page, de sorte que toute solution doit garder cela à l'esprit.

OriginalL'auteur splatto | 2011-03-22