Lister les checkbox cochés

Version imprimable

09/01/2008, 16h36
drizztoli

Lister les checkbox cochés

Bonjour,

J'ai une liste de checkbox générés dynamiquement avec des noms spécifiques pour chacune de ces checkbox.

Style :

Code:

<input type="checkbox" value="2"><input type="checkbox" value="8"><input type="checkbox" value="4"><input type="checkbox" value="16">

(il s'agit de checkbox générés après des résultats d'une requete SQL.

Je souhaiterai savoir comment en Javascript je peux ensuite répurérer la valeur de celles qui sont cochées.
C'est à dire , je clique sur un lien et je lance le traitement et ca me sort la liste des checkbox cochées... Par exemple, 2-16.

Merci de votre aide

bonjour,

tu listes tous les input de la page puis tu ne gardes que les checkboxes :

Code:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function ListeChk()
{
    var ListeInput = document.getElementsByTagName("input");
    var i, n;
    var c, msg;
 
    n = ListeInput.length;
    c = 0;
 
    msg = "( -"
    for (i=0; i<n; i++)
    {
        if (ListeInput[i].type.toLowerCase()=="checkbox")
        {
            if (ListeInput[i].checked)
            {
                c++;
                msg += ListeInput[i].value + "-";
            }
        }
    }
 
    msg +=" )"
    alert("Il y a " + c + " cases cochées" + msg);
}
 
//-->
</script>
 
</head>
 
<body>
<input type="checkbox" value="1" checked="checked" />1<br />
<input type="checkbox" value="2" />2<br />
<input type="checkbox" value="3" />3<br />
 
<input type="checkbox" value="4" checked="checked" />4<br />
<input type="checkbox" value="5" />5<br />
<input type="checkbox" value="6" />6<br />
 
<input type="checkbox" value="7" checked="checked" />7<br />
<input type="checkbox" value="8" checked="checked" />8<br />
<input type="checkbox" value="9" />9<br />
 
<br />
<input type="button" value="Bouton" id="idButton" onclick="ListeChk()"/>
 
 
</body>
 
</html>

09/01/2008, 16h52
jbrasselet

Ca ne serait pas plus simple de donner des id ou un name aux checkbox?
Ca éviterait de faire tous les input de la page (si la page est très complexe, ça peut être un peu lourd...)

non?
09/01/2008, 17h05
drizztoli

Merci Auteur, c'est Nickel.... !

jbrasselet, le probleme est que mes checkbox sont generees aleatoirement suivant le resultat d'une requete SQL. Donc je ne peux pas savoir combien il va en avoir et leur nom et valeur...

Donc ca me semble le mieux comme ca... mais je me trompe ptete.

En tout cas, merci d'avoir resolu mon probleme

Citation:

Envoyé par jbrasselet

Ca ne serait pas plus simple de donner des id ou un name aux checkbox?
Ca éviterait de faire tous les input de la page (si la page est très complexe, ça peut être un peu lourd...)

non?

c'est possible, l'id des checkbox est composé d'une partie commune (chk_ par exemple) puis d'une partie créée à l'aide d'un compteur :
chk_0
chk_1
chk_2
chk_3
chk_4
chk_5
chk_10
chk_20
etc.

puis dans un champ hidden tu écris le nombre de checkbox créées. Puis tu fais une boucle :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 var i, elChk; var n = document.getElementById("idChampHidden").value; n = parseInt(n); for (i=0; i<n; i++) { elChk = document.getElementById("chk_"+i): if (elChk.checked) { ............................ } } .......
la boucle de toutes façons tu ne peux pas y échapper ;)

10/01/2008, 09h04
jbrasselet

Oui bien sur tu es obligé de faire une boucle à un moemnt ou un autre. Le tout étant de réduire cette boucle si possible :mouarf: