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.