variable dans un .getElementById

**nagstef** · 22/05/2011, 11h26

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 :

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

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 :

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

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

**Auteur** · 22/05/2011, 12h32

bonjour,

il faut que le paramètre id d'un élément commence par une lettre !

**sekaijin** · 22/05/2011, 14h15

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

Code :

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

getElementById(""+i)

A+jyt

**flyingfr53** · 22/05/2011, 15h31

ya pas de pb ça doit marcher.
pour preuve

Code :

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

**SpaceFrog** · 22/05/2011, 17h16

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 :

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

id="_1"

variable dans un .getElementById

JavaScript

Discussions similaires

Partager

Partager