recupérer valeur de checkbox

Version imprimable

06/02/2007, 10h53
Emcy

recupérer valeur de checkbox
bonjour,

j'ai des checkbox avec des noms qui se suivent
NAME0_1
NAME0_2
NAME0_3
...
NAME1_1
NAME1_2
.....
NAME15_5

pour recupérer le nombre de checkbox cochés, j'utilise cette methode
Code:

1 2 3 4 5 6 7 8 9 10 var doc = document.forms['Configuration']; for(var j = 0 ; j<16 ; j++) { for(var i = 1 ; i<6 ; i++) { result += doc.getElementById('NAME'+j+'_'+i).checked * 1; } }
message d'erreur:

Citation:

doc.getElementById is not a function

=> a priori j'ai un probleme sur getElementById : que faire ?
Remarque : je sais qu'il existe d'autre methodes pour faire le compte des checkbox mais l'exemple que j'ai un mis est une simplification de mon problème donc il faut utiliser la meme methode..
06/02/2007, 10h59
SpaceFrog

Code:

result += doc.Elements['NAME'+j+'_'+i].checked * 1;

Bonjour,
getElementById pointe directement sur l'objet via son ID (et non son NAME, bien qu'IE tolère :aie: )
Code:

1 2 3 4 5 6 7 8 for(var j = 0 ; j<16 ; j++) { for(var i = 1 ; i<6 ; i++) { result += getElementById('NAME'+j+'_'+i).checked * 1; } }
A+

06/02/2007, 11h04
E.Bzz

En plus, y a le choix ;)

A+
06/02/2007, 11h08
Emcy

ça ne marche toujours pas

j'ai le message :
solution SpaceFrog

Citation:

doc.Elements has no properties

solution E.Bzz

Citation:

getElementById is not defined
06/02/2007, 11h09
E.Bzz

Colle ta version du code, pour voir où est le bugg ...

A+

ben y a pas grand chose :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var doc = document.forms['Configuration'];
 
				for(var j = 0 ; j<16 ; j++)
				{
					for(var i = 1 ; i<6 ; i++)
					{
						//result += doc.Elements['VLAN'+j+'_'+i].checked * 1 * Math.pow(2,i+j*5);
						//result += Elements['VLAN'+j+'_'+i].checked * 1;
						result += getElementById('VLAN'+j+'_'+i).checked * 1;	
					}
				}
 
				/* machaine='';
				result = 15;
				machaine = result.toFixed(4); */
				alert(result);

=> c'est pas NAME que j'utilise mais VLAN (le principe reste le même)

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<form id="Configuration">
 
			<fieldset id="status">
				<legend>Connexion</legend>
				<p id="Attente">
 
				</p>
			</fieldset>
 
			<label><input type="checkbox" name="EnbPOE" /> POE Enable</label><br/>
			<label><input type="checkbox" name="EnbIGMP" /> IGMP Enable</label><br/>
 
			<fieldset>
				<legend>VLAN Definition</legend>
 
				<div class="tab">
				<table>
					<thead>
 
						<tr>
							<th>VLAN</th>
							<th colspan="5">Port</th>
						</tr>
 
						<tr>
							<th>N°</th>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
						</tr>
					</thead>
 
					<tbody>
 
						<tr>
						   <td>0</td>
						   <td><input type="checkbox" name="VLAN0_1" /></td>
						   <td><input type="checkbox" name="VLAN0_2" /></td>
						   <td><input type="checkbox" name="VLAN0_3" /></td>
						   <td><input type="checkbox" name="VLAN0_4" /></td>
						   <td><input type="checkbox" name="VLAN0_5" /></td>
						</tr>
 
						<tr>
						   <td>1</td>
						   <td><input type="checkbox" name="VLAN1_1" /></td>
						   <td><input type="checkbox" name="VLAN1_2" /></td>
						   <td><input type="checkbox" name="VLAN1_3" /></td>
						   <td><input type="checkbox" name="VLAN1_4" /></td>
						   <td><input type="checkbox" name="VLAN1_5" /></td>
						</tr>
 
						<tr>
						   <td>2</td>
						   <td><input type="checkbox" name="VLAN2_1" /></td>
						   <td><input type="checkbox" name="VLAN2_2" /></td>
						   <td><input type="checkbox" name="VLAN2_3" /></td>
						   <td><input type="checkbox" name="VLAN2_4" /></td>
						   <td><input type="checkbox" name="VLAN2_5" /></td>
						</tr>
 
						<tr>
						   <td>3</td>
						   <td><input type="checkbox" name="VLAN3_1" /></td>
						   <td><input type="checkbox" name="VLAN3_2" /></td>
						   <td><input type="checkbox" name="VLAN3_3" /></td>
						   <td><input type="checkbox" name="VLAN3_4" /></td>
						   <td><input type="checkbox" name="VLAN3_5" /></td>
						</tr>
 
						<tr>
						   <td>4</td>
						   <td><input type="checkbox" name="VLAN4_1" /></td>
						   <td><input type="checkbox" name="VLAN4_2" /></td>
						   <td><input type="checkbox" name="VLAN4_3" /></td>
						   <td><input type="checkbox" name="VLAN4_4" /></td>
						   <td><input type="checkbox" name="VLAN4_5" /></td>
						</tr>
 
						<tr>
						   <td>5</td>
						   <td><input type="checkbox" name="VLAN5_1" /></td>
						   <td><input type="checkbox" name="VLAN5_2" /></td>
						   <td><input type="checkbox" name="VLAN5_3" /></td>
						   <td><input type="checkbox" name="VLAN5_4" /></td>
						   <td><input type="checkbox" name="VLAN5_5" /></td>
						</tr>
 
						<tr>
						   <td>6</td>
						   <td><input type="checkbox" name="VLAN6_1" /></td>
						   <td><input type="checkbox" name="VLAN6_2" /></td>
						   <td><input type="checkbox" name="VLAN6_3" /></td>
						   <td><input type="checkbox" name="VLAN6_4" /></td>
						   <td><input type="checkbox" name="VLAN6_5" /></td>
						</tr>
 
						<tr>
						   <td>7</td>
						   <td><input type="checkbox" name="VLAN7_1" /></td>
						   <td><input type="checkbox" name="VLAN7_2" /></td>
						   <td><input type="checkbox" name="VLAN7_3" /></td>
						   <td><input type="checkbox" name="VLAN7_4" /></td>
						   <td><input type="checkbox" name="VLAN7_5" /></td>
						</tr>
 
					</tbody>
				</table>

06/02/2007, 11h21
E.Bzz

Utilise une méthode (ID + document.getElementById() ) ou l'autre (document.forms['...'] ), mais pas un mixte des 2 :mrgreen:

A+
06/02/2007, 11h23
Emcy

désolé mais je ne comprends pas ... c'est quoi exactement les deux methodes ? quelle est la meilleure ?
06/02/2007, 11h25
E.Bzz

Citation:

Envoyé par Emcy

désolé mais je ne comprends pas ... c'est quoi exactement les deux methodes ? quelle est la meilleure ?

SpaceFrog t'en a donné une, et moi une autre ...

EDIT : ... et pas de meilleure : juste différentes (une basée sur les <form>, l'autre sur les ID)

A+
06/02/2007, 11h27
Emcy

... mais je n'arrive pas à les faire focntionner ... :?
le code que j'ai mis est juste ? c'est peut-être le code html qui est faux...
06/02/2007, 11h29
E.Bzz

Dans ce que tu as posté, tu dois plus avoir de getElementById(), puisque tu utilises le document.forms....

A+
06/02/2007, 11h35
Emcy

Je ne comprends toujours pas (je ne maitrise pas très bien les accès aux elements => je suis un debutant)......:?
... désolé
06/02/2007, 11h46
E.Bzz

Change juste ta ligne par celle de SpaceFrog ...
(dans ta 1° version)
06/02/2007, 11h52
Emcy

mais c'est ce que j'ai deja fait
=> regardes, je l'ai dit tout à l'heure
=> j'ai fais copier/coller

Citation:

Envoyé par Emcy

ça ne marche toujours pas

j'ai le message :
solution SpaceFrog

Citation:

doc.Elements has no properties

solution E.Bzz

Citation:

getElementById is not defined

remarque : si je fais ça, ça marche :

Code:

result += doc.VLAN0_1.checked * 1
06/02/2007, 11h57
E.Bzz

Et sans la majuscule ?

A+
06/02/2007, 12h00
Emcy

oh, pu...naise, c'etait donc ça :(

merci beaucoup ;)