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"

22/05/2011, 14h15	#3
sekaijin Expert Confirmé Urbaniste Inscription : juillet 2004 Messages : 1 421 Détails du profil Informations personnelles : Sexe : Âge : 48 Localisation : France, Yvelines (Île de France) Informations professionnelles : Activité : Urbaniste Secteur : Santé Informations forums : Inscription : juillet 2004 Messages : 1 421 Points : 2 809 Points : 2 809	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
	01

22/05/2011, 17h16	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 009 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 009 Points : 45 094 Points : 45 094	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" __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	10

22/05/2011, 12h32	#2
Auteur Expert Confirmé Sénior Inscription : avril 2004 Messages : 4 793 Détails du profil Informations personnelles : Localisation : France Informations forums : Inscription : avril 2004 Messages : 4 793 Points : 5 117 Points : 5 117	bonjour, il faut que le paramètre id d'un élément commence par une lettre !
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email