[DOM] Propriété inaccessible de tableau checkbox

**riete** · 13/03/2008, 12h02

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 :

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

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 :

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

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);
}

**E.Bzz** · 13/03/2008, 12h34

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 :

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

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+

**E.Bzz** · 13/03/2008, 12h35

... et

Code :

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

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

A+

**htr999** · 13/03/2008, 12h40

plus précis :

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

**E.Bzz** · 13/03/2008, 12h48

Envoyé par htr999

plus précis :

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

Non !

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

A+

**htr999** · 13/03/2008, 12h55

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

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

**riete** · 13/03/2008, 17h16

Envoyé par htr999

plus précis :

Code :

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

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

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

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

Donc je gère la saisie avec php.

**riete** · 13/03/2008, 17h12

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.

[DOM] Propriété inaccessible de tableau checkbox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager