Discussion :

[r83]

Bonjour,

J'aimerai ajouter un bouton "cocher tout" dans une page. Sur le click, ttes les cases à cocher se cocheraient.
J'ai écrit le code suivant qui marche, mais je ne sais pas si c'est le mieux. Y a-t-il un autre moyent, notamment en utilisant les propriétés du DOM. Merci pour les réponses, bonne journée

Code :

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

1
2
3
4
5
6
 
for (var i=0;i<FrmCases.length;i++)
			{
				if (document.FrmCases.elements[i].type=="checkbox")
				{ document.FrmCases.elements[i].checked=true;}
			}

[franculo_caoulene]

Salut,

Je suppose que les cases à cocher ont le même attribut name : getElementsByName.

C'est plus parlant.

[r83]

Non, ce n'est pas prévu comme ça.... mais je suis ouvert à toutes les bonne solutions.
Merci

[andry.aime]

Je pense que c'est mieux de faire:

Code :

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

1
2
3
4
5
6
var items=document.FrmCases.getElementsByTagName('input');
for (var i=0;i<items.length;i++)
			{
				if (items[i].type=="checkbox")
				{ items[i].checked=true;}
			}

Tu ne parcours que les inputs au lieu de tous les éléments du formulaire.

[franculo_caoulene]

Ah! Tu as différentes cases à cocher ayant pour valeur "vrai", ou quelque chose de ressemblant?

Je leur donnerais plutôt à toutes le même attribut name et une valeur unique à chacune, valeur qui peut être l'actuel attribut name, par exemple. Ça permet de n'envoyer qu'un seul paramètre et de boucler dessus au moment de la vérification coté serveur.

[r83]

Merci beaucoup pour ces réponses. Je vais tester ça de suite. Je ne savais pas qu'on pouvit récupérer plusieurs contrôles dans un tableau avec getElementByTagName.... ça va me simplifier la vie!
Bonne journée

[SpaceFrog]

sinon c'est le genre de chose qui est prévu dans les libs comme jquery, une syntaxe spécifique permet de recupérer et modifier les propriétés d'éléments par type ...
Ou encore une petite contribution:
http://www.developpez.net/forums/d75...filtre-regexp/

[r83]

OK, je verrai Json, je connais de nom,mais je ne me suis pas encore penché dessus.
Par contre, j'ai un pb de compréhension.... Le code ci-dessous ne me renvoie aucune erreur, s'exécute bien, sauf que dans la première boucle, il ne se passe rien.....
Si je fais un parallèle avec d'autres langages (ex c#), la boucle for(var case in uneCollection) me récupèrerait un objet de la classe object. Il sufirait donc de caster en checkbox et le tour est joué. Est-ce qu'ici cette boucle n'est pas acceptable puisque en JS le typage et faible, et donc pas de cast possible.
Merci pour les réponses, bonne soirée

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
			var lesCases=document.getElementsByName("choixSport");
			alert (lesCases.length);
			for (var uneCase in lesCases)
			{
				uneCase.checked=true;
			}
			for (var i=0;i<lesCases.length;i++)
			{
				lesCases[i].checked=true;
			}