Lister les checkbox cochés

**drizztoli** · 09/01/2008, 16h36

Bonjour,

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

Style :

Code :

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

<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

**Auteur** · 09/01/2008, 16h49

bonjour,

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

Code html :

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
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>

**jbrasselet** · 09/01/2008, 16h52

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?

**drizztoli** · 09/01/2008, 17h05

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

**Auteur** · 10/01/2008, 00h31

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 javascript :

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

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

**jbrasselet** · 10/01/2008, 09h04

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

Lister les checkbox cochés

JavaScript

Vue hybride

Discussions similaires

Partager

Partager