variable dans un .getElementById

Version imprimable

Bonjour ..

J'ai un petit souci de boucle que je ne comprends pas.
En fait, avec ce petit exemple, vous allez comprendre ce que je veux faire, et via simplement une boucle, ca ne marche pas ...

Quelqu'un pourrait-il m'aider, car les 'id' vont de 1 jusqu'à 250, et que je ne me vois pas faire 250 lignes comme cela ...
Code:

1 2 3 4 5 6 7 if (document.getElementById("1").checked == true) {a=a+1;} if (document.getElementById("2").checked == true) {a=a+1;} if (document.getElementById("3").checked == true) {a=a+1;} if (document.getElementById("4").checked == true) {a=a+1;} if (document.getElementById("5").checked == true) {a=a+1;} etc ...
J'ai fait un :
Code:

1 2 3 4 for (var i=1; i<250; i++) { if (document.getElementById(i).checked == true) {a=a+1;} }
Est-ce normal que cela ne marche pas ??

En fait, j'ai des chekbox, et je souhaite comptabiliser le nombre de ces checkbox à l'état checked ...

En vous remerciant ...

Stéphane

22/05/2011, 12h32
Auteur

bonjour,

il faut que le paramètre id d'un élément commence par une lettre !
22/05/2011, 14h15
sekaijin

non les id peuvent être des nombres
peut être un truc

Code:

getElementById(""+i)

A+jyt

ya pas de pb ça doit marcher.
pour preuve

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="Text/JavaScript">
function valider() 
{ var a=0;
for (var i=1; i<=4; i++)
{
if (document.getElementById(i).checked == true)	{a=a+1;}
} alert(a);
}
 
</script>
</head>
<body>
<form id='choisir' name='choisir' method=get action="javascript:void(0);"   onSubmit="valider(); return false;">
 
<div align="left">
<input id="1" name="chk" type="checkbox" value="test1"><br>
<input id="2" name="chk" type="checkbox" value="test2"><br>
<input id="3" name="chk" type="checkbox" value="test3"><br>
<input id="4" name="chk" type="checkbox" value="test4"><br>
<input type="submit" value="Envoyer" name="submit">
<input type="reset" value="Effacer" name="reset">
</div>
</form>
</body>

22/05/2011, 17h16
SpaceFrog

un id ne doit pas être numérique ni commencer par du numérique !
IE en particulier utilise une indexation interne numérique, utiliser dans le code des id numériques entraine un risque de conflit.

mettre un simple underscore avant le numérique resoud le souci

Code:

id="_1"