Discussion :

[chrislcf]

Bonjour à tous,

J'ai un petit souci sur une fonction JavaScript qui doit me permettre de cocher plusieurs checkbox lorsque je coche la checkbox "mère".

Je mets le Datagrid concerné en pièce jointe. J'ai donc bien une colonne de checkbox avec une checkbox dans le header. Ce que je veux c'est que lorsque je coche la checkbox dans le header toutes les autres checkbox se cochent et inversement.

Après plusieurs recherches j'ai fait le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
function CheckAllDataGridCheckBoxes()
        {
 
 
//list des input dans un conteneur précis
var listInput = document.getElementById("dgdListeFicheMensuelle").getElementsByTagName("input");
var n = listInput.length;
var i, j;
 
j=0;
 
var cbx = document.getElementById('CheckAll');
         if (cbx.checked)
                {
 
 
		for (i=0; i<n; i++)
			{
			//on ne garde que les checkbox
		             if (listInput[i].type.toLowerCase()=="checkbox")
				{
			            listInput[i].checked = 'true';
				    j++;
				}
			}
                 }
 
        }

Au niveau de mon code HTML j'ai la chose suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<asp:datagrid id="dgdListeFicheMensuelle" runat="server" Width="825px" AutoGenerateColumns="False" AllowSorting="True">
 
.........(tout le début de mon datagrid)...........
 
Dernière colonne:
 
<asp:TemplateColumn SortExpression="Generation" HeaderText="&nbsp&nbspEffectuer Génération&nbsp&nbsp">
<ItemStyle Wrap="False" HorizontalAlign="Center"></ItemStyle>
<headertemplate>
											<asp:checkbox id="CheckAll"  runat="server" text="Tout Sélectionner" onclick=CheckAllDataGridCheckBoxes()></asp:checkbox>
										</headertemplate>
 
<ItemTemplate>										
											<asp:checkbox id="Check" runat="server" Align = "center">
											</asp:checkbox>
</ItemTemplate>
</asp:TemplateColumn>
 
 
 
</Columns>
</asp:datagrid></DIV>

Je ne vois ce que j'ai de faux. De plus je ne sais pas trop comment debugger du Javascript. Merci de votre aide.