[DOM] Propriété inaccessible de tableau checkbox

Version imprimable

Je ne comprends pas pourquoi l'interprêteur JS me retourne une erreur typevis has no properties ?
J'ai regarder la structure DOM de l'objet typevis, il semblerait qu'ils soient vu comme 5 objets distincts composés chacun d'un tableau de 5 checkbox ??. je ne sais pas comment faire pour accéder aux propriétés ?
Alors que php les vois comme une tableau unique !!

Merci de votre aide
Code:

1 2 3 4 5 6 7 8 9 <form action="lapage.php" method="post" onSubmit="return Check_Form(this);"> Type de visite: V1<input type=checkbox name=typevis[] value=V1> V2<input type=checkbox name=typevis[] value=V2> V3<input type=checkbox name=typevis[] value=V3> V4<input type=checkbox name=typevis[] value=V4> V5<input type=checkbox name=typevis[] value=V5> <input type=submit name=bouton value=Ok> </form>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 //Control du formulaire de saisie function Check_Form(my_form){ var typevis = myform.typevis; var txt=""; for(i=0; i < typevis.length; i++){ if(typevis[i].checked){ txt=txt + typevis[i].value + " "; } } alert("Vis="+txt); }

Bonjour,
les valeurs des propriétés HTML doivent être entourées de quotes (simples ou doubles).
Tu n'aurais pas eu ce problème sans les [] (inutiles à mon avis)

Code:

1
2
3
4
5
6
7
8
9
<form action="lapage.php" method="post" onSubmit="return Check_Form(this);">
Type de visite:
	V1<input type=checkbox name="typevis" value=V1>
	V2<input type=checkbox name="typevis" value=V2>
	V3<input type=checkbox name="typevis" value=V3>
	V4<input type=checkbox name="typevis" value=V4>
	V5<input type=checkbox name="typevis" value=V5>
	<input type=submit name=bouton value=Ok>
</form>

A+

13/03/2008, 12h35
E.Bzz

... et

Code:

var typevis = myform.elements["typevis"];

A+

plus précis :

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
<head>
<script>
//Control du formulaire de saisie
function Check_Form(myform){
	var typevis = myform.elements["typevis[]"];
	var txt = "";
 
	for(i=0; i < typevis.length; i++){	
		if (typevis[i].checked)
			txt=txt + typevis[i].value + " ";
	}
	alert("Vis="+txt);
}
</script>
</head>
 
<body>
<form name="formulaire" action="#" method="get">
Type de visite:
	V1<input type="checkbox" name="typevis[]" value="V1">
	V2<input type="checkbox" name="typevis[]" value="V2">
	V3<input type="checkbox" name="typevis[]" value="V3">
	V4<input type="checkbox" name="typevis[]" value="V4">
	V5<input type="checkbox" name="typevis[]" value="V5">
	<input type="button" value="Ok" onClick="Check_Form(document.formulaire);">
</form>
</body>

Citation:

Envoyé par htr999

plus précis :

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
<head>
<script>
//Control du formulaire de saisie
function Check_Form(myform){
	var typevis = myform.elements["typevis[]"];
	var txt = "";
 
	for(i=0; i < typevis.length; i++){	
		if (typevis[i].checked)
			txt=txt + typevis[i].value + " ";
	}
	alert("Vis="+txt);
}
</script>
</head>
 
<body>
<form name="formulaire" action="#" method="get">
Type de visite:
	V1<input type="checkbox" name="typevis[]" value="V1">
	V2<input type="checkbox" name="typevis[]" value="V2">
	V3<input type="checkbox" name="typevis[]" value="V3">
	V4<input type="checkbox" name="typevis[]" value="V4">
	V5<input type="checkbox" name="typevis[]" value="V5">
	<input type="button" value="Ok" onClick="Check_Form(document.formulaire);">
</form>
</body>

8O

Non !

Pour le reste, la solution initiale était largement préférable (avec type="submit" et onsubmit) :roll:

A+

salut
c'était juste une solution pour qu'il voie ce que donne l'alert. il pourrait l'adapter à son code. sinon je suis d'accord avec toi que l'on ne fait jamais un onClick pour un formulaire enfin c'est moins propre :mrgreen:

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
<head>
<script>
//Control du formulaire de saisie
function Check_Form(myform){
	var typevis = myform.elements["typevis[]"];
	var txt = "";
 
	for(i=0; i < typevis.length; i++){	
		if (typevis[i].checked)
			txt=txt + typevis[i].value + " ";
	}
	alert("Vis="+txt);
}
</script>
</head>
 
<body>
<form name="formulaire" action="lapage.php" method="post" onSubmit="return Check_Form(this);">
Type de visite:
	V1<input type="checkbox" name="typevis[]" value="V1">
	V2<input type="checkbox" name="typevis[]" value="V2">
	V3<input type="checkbox" name="typevis[]" value="V3">
	V4<input type="checkbox" name="typevis[]" value="V4">
	V5<input type="checkbox" name="typevis[]" value="V5">
	<input type="submit" value="Ok">
</form>
</body>

13/03/2008, 17h12
riete

Citation:

Envoyé par E.Bzz

Bonjour,
les valeurs des propriétés HTML doivent être entourées de quotes (simples ou doubles).

Effectivement ceci peut être génant quand une des propriètés peut contenir un espace.
Mais la plupart du temps j'évite de mettre des quotes comme j'évite les espaces ;) il n'y a pas de petites économies de bandes passage avec Edge ou GPRS. 8-)
13/03/2008, 17h16
riete

Citation:

Envoyé par htr999

plus précis :

Code:

var typevis = myform.elements["typevis[]"];

Cette notation que je ne connaissais pas était la cause principale du nom fonctionnement de mon code.
Merci htr999. :yaisse2:

Sauf qu'au bout du compte j'ai fait tout ceci pour rien car le JS du navigateur du téléphone portable que j'utilise ne supporte pas les tableaux de Checkbox :cry:
Donc je gère la saisie avec php.