boucler sur des checkboxes

**El Saigneur** · 07/10/2004, 18h13

Bonjour

Je possède une liste de checkboxes associées à des enregistrement d'une table. Elles ont pour nom : maCase[idDeEnregistrement] et pour id : maCase+idDeEnregistrement.
Les id des enregistrements ne vont pas de 0 à n par saut de 1. Ce sont des entiers mais qui ne se suivent pas forcément.

J'aimerais faire une fonction qui permet de cocher touts les cases. Je pourrais faire une boucle :

Code :

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

1
2
3
4
 
for (int i=0;i<nbCases;i++){
    document.getElementById("maCase"+i).checked = true;
}

Bien entendu cela ne marchera pas car les indices de mes cases ne se suivant pas. Comment puis-je faire une sorte de foreach sur mes cases.

Sinon : Peut-on parcourir tous les objets de la page HTML (un foreach objet de la page) ? si c'est le cas, il me suffirait de tester à chaque itération si le nom commence par "maCase".

Merci d'avance pour vos réponses.

**dervish** · 07/10/2004, 18h48

Slt,
tu mets un attribut name (le même pour chaque checkbox) dans tes checkbox,
tu récupère le tableau via

Code :

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

mescheck=document.getElementsByName('lenom')

puis tu boucle avec un

Code :

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

1
2
3
 
for (item in mescheck){
...}

**El Saigneur** · 07/10/2004, 23h21

Le problème c'est que l'attribut name vaut déjà : maCase[idDeEnregistrement].

Je ne peux pas changer cet attribut name car je récupère ensuite les cases cochées dans du code PHP. Dans ce traitement côté serveur, il m'est nécessaire d'avoir l'id des enregistrements associés aux cases cochées.

Cependant, je ne connaissais la méthode que tu proposes et elle pourra très certainement me servir une prochaine fois.

Merci

**dervish** · 07/10/2004, 23h35

Re,
tes checkbox devant être dans un formulaire, tu dois pouvoir y accéder par:

Code :

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

1
2
 
document.form.elements[i]

puis tu prends la propriété name et tu recherches le nom de tes checkboxs (la seconde solution que tu proposais)...

**SpaceFrog** · 08/10/2004, 09h00

on peut aussi boucler sur les checkboxes de même nom:

Code :

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

1
2
3
4
mychecks = document.getElementsByName('macase')
 
for (i-0;i<mychecks.lenght;i++){
 if (mychecks[i].checked==true){....

**SpaceFrog** · 08/10/2004, 09h52

heu en fait pour que cela fonctionne dans ton cas il faut le faire à partir du tagName

Code :

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

1
2
3
4
5
6
7
8
 
mychecks = document.getElementsByTagName('checkbox')
 
for (i-0;i<mychecks.lenght;i++){
 //et ici tu testes d'abord si le nom commence par macase
    if (mychecks[i].name.subtring(0,5)=="macase"){
       //puis tu testes si il est coché
        if (mychecks[i].checked==true){ ...

**El Saigneur** · 08/10/2004, 22h02

Merci pour vos réponses

Voici comment j'ai fait en partant sur ma seconde idée de boucler sur les éléments de la page. Merci dervish pour la syntaxe document.monForm.elements[i] que je ne connaissais pas.
Vu que je ne connais pas non plus la méthode pour récupérer le nombre d'éléments du formulaire pour savoir quand je dois arrêter la boucle for, j'ai fais un while != null et ça marche.

Mon code donc :

Code :

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

1
2
3
4
5
6
7
8
 
var i=0;
while (document.monForm.elements[i] != null){
    if (document.monForm.elements[i].name.substring(0,5) == "maCase"){
        document.monForm.elements[i].checked = true;
    }
    i++;
}