Afficher une variable

Version imprimable

Bonjour tout le monde,
j'essaie d'afficher la variable "count" ca ne fonctionne pas. J'ai aussi essayé la fonction document.write(). Pas de succès.

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<html><head><title>Test</title>
<script type="text/javascript">
 
function Weiter () {
 
	var zutat = ["salami","pilze", "sardellen", "Tomaten"];
 
	var count=0;
	var i,j,h;
	var message="Hello";
 
	for (i=0; i<4; i++){
		if(document.Testform.Art[i].checked == true){
			count = count + 1;
		}
	} 
 
	document.getElementById("countValue").value=count;
}
</script>
</head>
<body>
<form name="Testform" action="">
<p id="ausgabefeld"></p>
<input type="checkbox" name="zutat[]" value="salami"> Salami<br>
 
    <input type="checkbox" name="zutat[]" value="pilze"> Pilze<br>
    <input type="checkbox" name="zutat[]" value="sardellen"> Sardellen<br>
    <input type="checkbox" name="Zutat[]" value="Tomaten"> Tomaten<br>
    <input type="text" name="countValue"size="10"/>count 
<br><input type="button" value="Starten" onclick="Weiter()">
</form>
</body>
 
</html>

Merci

02/09/2010, 11h51
Bovino

Code:

document.getElementById("countValue").value=count;

tu recherches un élément par son id mais tu n'en attribues pas à tes input :roll:
Pour info, id et name sont des propriétés différentes ;)

Code:

<input type="text" name="countValues" id="countValue" size="10"/>count

tu noteras qu'il est préférable que le name et l'id soient différents.
02/09/2010, 12h06
christs

Merci tout d'abord. Mais la valeur de "count" ne s'affiche toujours pas dans le champ. Je ne sais pas ce qui cloche!
Merci
02/09/2010, 14h05
Bovino

Citation:

Envoyé par christs

Je ne sais pas ce qui cloche!

Code:

document.Testform.Art[i].checked == true

l'absence de champs Art ;)

J'ai corrigé l'erreur. Et cela donne ceci. Mais rien ne s'affiche. Merci.

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
 
function Weiter () {
 
	var zutat = ["salami","pilze", "sardellen", "Tomaten"];
 
	var count=0;
	var i,j,h;
	var message="Hello";
 
	for (i=0; i<zutat.length; i++){
		if(document.Testform.zutat[i].checked == true)
			{
			count = count + 1;
		}
	} 
 
	document.getElementById("countValue").value=count;
}
</script>
</head>
<body>
<form name="Testform" action="">
    <input type="checkbox" name="zutat" value="salami"> Salami<br>
    <input type="checkbox" name="zutat" value="pilze"> Pilze<br>
    <input type="checkbox" name="zutat" value="sardellen"> Sardellen<br>
    <input type="checkbox" name="Zutat" value="Tomaten"> Tomaten<br>
    <input type="text" name="countValues" id="countValue" size="10"/>count <br>
	<input type="button" value="Starten" onclick="Weiter()">
</form>
</body>
</html>

Bah... c'est pas terrible de donner à une variable le nom de champs que tu vas tester. Sinon, tu as
Code:

1 2 3 4 <input type="checkbox" name="zutat" value="salami"> Salami<br> <input type="checkbox" name="zutat" value="pilze"> Pilze<br> <input type="checkbox" name="zutat" value="sardellen"> Sardellen<br> <input type="checkbox" name="Zutat" value="Tomaten"> Tomaten<br>
Le dernier est Zutat et non zutat. Or comme JavaScript est sensible à la casse, pour certains navigateurs, ça risque de ne pas passer, du coup, tu vas avoir une erreur bloquante, donc pas d'affichage.