Sélectionnez toutes les Cases de CheckBoxList

J'ai un CheckBox et un CheckBox liste sur ma page web.

Si le CheckBox est sélectionné, tous les CheckBoxes dans le CheckBoxList doit être sélectionné, et si le CheckBox n'est pas cochée, de la même façon tous les CheckBoxes dans le CheckBox devriez obtenir désactivée (non cochée).

.code aspx

<asp:CheckBoxList ID="CheckBoxList1" runat="server" 
            RepeatDirection="Horizontal" RepeatLayout="Flow">
            <asp:ListItem>Item A</asp:ListItem>
            <asp:ListItem>Item B</asp:ListItem>
            <asp:ListItem>Item C</asp:ListItem>
            <asp:ListItem Selected="True">Item D</asp:ListItem>
            <asp:ListItem>Item E</asp:ListItem>
            <asp:ListItem>Item F</asp:ListItem>
            <asp:ListItem>Item G</asp:ListItem>
        </asp:CheckBoxList>
<asp:CheckBox ID="allChkBox" Text="Select all" runat="server" 
                oncheckedchanged="allChkBox_CheckedChanged" />

J'ai essayé en faisant somehting comme ça, mais il didb pas:

bool prevSelection = false;
protected void allChkBox_CheckedChanged(object sender, EventArgs e)
    {
if (!prevSelection)
        {
            foreach (ListItem chkitem in CheckBoxList1.Items)
            {
                chkitem.Selected = true;
            }
        }
        else
        {
            foreach (ListItem chkitem in CheckBoxList1.Items)
            {
                chkitem.Selected = false;
            }
        }
        prevSelection = !prevSelection;
}

Pourriez-vous fournir votre code aspx?
Oo Lwin: Ajout D'
Ok.. d'autres ont fourni des réponses. Je dirais .. vous devriez le faire dans client javascript et pas besoin de publication.

InformationsquelleAutor Cipher | 2012-03-06

asp.net c#checkbox checkboxlist

4

Je préfère utiliser un script client pour quelque chose comme cela, afin que votre page ne dispose pas de faire une publication

Si c'est une possibilité d'essayer le tir d'une fonction javascript sur cliquez sur pour faire la boucle et de la sélection de ... quelque chose comme
```
<script type="text/javascript">
checked=false;
function checkedAll (frm1) {
    var aa= document.getElementById('frm1');
     if (checked == false)
          {
           checked = true
          }
        else
          {
          checked = false
          }
    for (var i =0; i < aa.elements.length; i++) 
    {
           if(aa.elements[i].type == 'checkbox') { 
             aa.elements[i].checked = checked;
           }
    }
 }
</script>
```
- Besoin de vérifier html input type.. aa.elements[i].type == 'checkbox'
- Je pensais utiliser une case à cocher au lieu d'un clic sur un bouton à cocher/décocher toutes les cases à cocher. Mais, il semble que la CheckBoxAll n'ont pas de fonctionnalités côté client qui permet de détecter si le CheckBox a été désactivée/activée. Peut-il être fait à l'aide d'un checkbox je.e si la CheckBoxAll est cochée, il doit vérifier automatiquement toutes les autres cases à cocher.
InformationsquelleAutor jaySF
1

Il a été un moment depuis que j'ai barboté dans l'ASP.NET mais votre prevSelection champ est initialisé à false sur chaque demande. Cette valeur ne sera pas persisté entre les demandes. Donc, vous avez besoin soit de le stocker dans l'État d'Affichage ou le cache et les charger dans votre gestionnaire d'événements, ou, encore mieux, de changer de méthode à quelque chose comme ceci:
```
protected void allChkBox_CheckedChanged(object sender, EventArgs e)
{
    foreach (ListItem chkitem in CheckBoxList1.Items)
    {
        chkitem.Selected = allChkBox.Selected;
    }
}
```
InformationsquelleAutor BACON

Au lieu d'utiliser une variable en dehors de la fonction, que diriez-vous à l'aide de la case elle-même:

protected void allChkBox_CheckedChanged(object sender, EventArgs e)
{
    CheckBox chkbox = sender;

    foreach (ListItem chkitem in CheckBoxList1.Items)
    {
        chkitem.Selected = chkbox.Selected;
    }
}

InformationsquelleAutor Chris

vous pouvez le faire avec linq comme ce

var allChecked = (from ListItem item in CheckBoxList1.Items 
                              where item.Selected 
                              select int.Parse(item.Value)).ToList();


  var all = (from ListItem item in CheckBoxList1.Items 

                                  select int.Parse(item.Value)).ToList();

InformationsquelleAutor COLD TOLD

function CheckUnCheckAll()
    {
        var list = document.getElementById("<%=DataList1.ClientID%>") ;
        var chklist = list.getElementsByTagName("input");
        for (var i=0;i<chklist.length;i++)
        {
            if (chklist[i].type=="checkbox" )
            {
                chklist[i].checked = checkoruncheck;
            }
        } 
    }

InformationsquelleAutor Rocky

Comment à ce sujet Si j'ai bien compris l'exigence de droite!)? Cela rendra tous les éléments selected dans une CheckBoxList de contrôle par défaut lorsqu'il rend:

HTML:

protected void Page_Load(object sender, EventArgs e)
{
  if (Page.IsPostBack) return;
  LoadCountryList();
}


private void LoadCountryList()
{
  _ctx = new PayLinxDataContext();

  chkCountries.DataSource = _ctx.Countries.OrderBy(c => c.Name);
  chkCountries.DataBind();

  foreach (ListItem item in chkCountries.Items)
  {
    item.Selected = true;
  }
}

InformationsquelleAutor Subrata Sarkar

Vous devez vous connecter pour publier un commentaire.