Discussion :

[whitespirit]

Bonjour,

J'ai une table <table> ayant comme premier élément de chaque ligne <tr>, donc comme premier <td> un checkbox. Par la suite sur cette ligne <tr> je retrouve plusieurs cellule <td> qui peuvent contenir à leur tour des checkbox.

Code :

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

1
2
3
4
5
6
7
8
9
 
<table>
  <tr>
     <td><input type="checkbox"...></td>
     .....
     <td><input type="checkbox"...></td>
    ....
  </tr>
</table>

Dans l'entête de cette table, la première cellule <th> contient un checkbox qui lorsqu'il est coché, sélectionne uniquement toutes les premières checkbox dans le premier <td>. Inversement, lorsque je décoche le checkbox dans la cellule d'entête <th>, je décoche tous les checkbox qui sont cochés.

Voilà, j'ai essayé d'être le plus claire possible, mais en fait visuellement c'est simple.

Le problème est que je ne vois pas comment réaliser ce script. Ce qui m'ennuie est que je peux avoir N lignes <tr> donc N checkbox. J'ai récupéré ce script qui sélectionne TOUS les checkbox d'un formulaire, il ne me convient pas parceque je souhaite sélectionner seulement les checkbox dans la première colonnes de ma table

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
function checkall()
{
	// compte tous les éléments du formulaire en numérotant chronologiquement
	temp = document.form_main_1.elements.length;
	if (document.form_main_1.elements[0].checked)
	{ // si la case est cochée
		for (i=1; i < temp; i++)
		{ // on coche toutes les autres
			document.form_main_1.elements[i].checked=1;
		}
	}
	else
	{
		for (i=1; i < temp; i++)
		{ // on décoche tout
			document.form_main_1.elements[i].checked=0;
		}
	}
}

J'ai bien pensé à utiliser getElementById mais étant donné que je peux avoir N checkbox je ne sais pas comment récupérer tous les id des checkbox.

Si vous avez des idées je suis preneur, j'ai peur de partir dans un truc trop complexe. Merci d'avance.

PS: j'effectue des recherches sur google pour l'instant sans résultats : comment récupérer tous les éléments portant le même nom et comment acceder de cette façon à ces éléments document.form_main_1.elements[0].checked ? Je cherche dans ce sens une solution à mon problème.

[tusssss]

Il faut construire tes id de tes checkbox de ta colonnede manière à avoir, le même nom d'id + un numéro d'index concaténé, ce qui te donnera la faculté de faire tourner une boucle sur le nombre de checkbox de ta première colonne.

En gros écrire :

checkbox.id="firstCol"+index;

Après avec ton index final tu peux faire tourner ta boucle que tu utilises au dessus en travaillent sur les Ids

[SpaceFrog]

merci de consulter la FAQ ...

[E.Bzz]

Bonjour,
as-tu lu cette discussion ?

A+

[whitespirit]

Grace aux tutos j'ai pu faire ce que je souhaitais.

Au final, c'est la honte, le code est :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function checkall()
{
	// compte tous les éléments du formulaire en numérotant chronologiquement
	nb_checkbox = document.getElementsByName('checkbox').length;
 
		for (i=1; i <= nb_checkbox; i++)
		{ // on décoche tout
			var chkbox = document.getElementById("chk_"+i);			
			chkbox.checked = !chkbox.checked;
		}
}

E.Bzz : Merci pour ton lien, il m'a permis de découvrir de nouvelles possibilités

SpaceFrog : je consulte la faq mais à mon niveau le problème se situe lorsque je dois combiner plusieurs tips entre eux.

Tuss : au final, ta solution était la mieux adapté pour moi.