Discussion :

[ClarusAD]

Bonjour à tous,

J'ai un formulaire qui liste un nombre (différents à chaque chargement) de fichier,

en regard de chaque fichier une case à cocher dont le nom JavaScript est unique
(il est incrémenté, c'est obligatoire puisqu'au submit une autre page récupère en POST les fichiers sélectionnés)
et un Id unique également (incrémenté lui aussi, normal un Id est forcément unique) !

En ce qui concerne le fait de tout sélectionner d'un coup, ça fonctionne à condition de laisser le même nom pour toutes les cases à cocher :

Code :

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

echo '<input type="checkbox" name="CBeffacer" value="'.$file.'" id="CBeffacer'.$i.'">' ;

Au bas de mon formulaire un lien, qui lorsqu'il est cliqué me sélectionne toutes les cases :

Code :

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

1
2
3
4
5
function cocheToutesCases() {
	for (i=0, n=document.formAdmin.CBeffacer.length; i<n; i++) {
			document.formAdmin.CBeffacer[i].checked=true;
			}
	}

Mais au submit, l'autre page ne me récupère que la dernière valeur sélectionnée. Forcément, puisqu'ils ont tous le même nom ! Si je leurs met un nom différent, le lien les sélectionnant tous ne fonctionnera plus...
Comment faire ?

Merci pour vos conseils.

[E.Bzz]

Bonjour,
puisque le nombre de fichiers est géré dynamiquement sur le serveur, tu pourrais lors de cette génération, générer un array javascript contenant les id des éléments (checkbox) à prendre en compte. Tu n'aurais ensuite plus qu'à utiliser cet array dans ta fonction afin de balayer les input en y accédant directement.
Pour effectuer ça uniquement côté client, tu peux aussi cibler les checkbox en fonction du type d'élément au lieu d'utiliser leurs identifiants :

Code :

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

1
2
3
4
var lst_input = document.getElementById('id_conteneur').getElementsByTagName('input');
for (var i=0; i<lst_input.length; i++)
  if (lst_input[i].type=="checkbox")
     lst_input[i].checked=true;

'id_conteneur' étant l'id de l'élément contenant les input (un div, un form, une table ...)

A+

[andry.aime]

Bonjour,
Sinon il y a ça : getElement(s)ById filtré par une regExp dans la contribution.

Mais au submit, l'autre page ne me récupère que la dernière valeur sélectionnée. Forcément, puisqu'ils ont tous le même nom ! Si je leurs met un nom différent, le lien les sélectionnant tous ne fonctionnera plus...
Comment faire ?

Tu peux utiliser la valeur de name comme un tableau.

Code :

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

name="CBeffacer[]"

[ClarusAD]

Merci à vous,

Je vais tester tout ça...