Discussion :

[artxtra]

Bonjour,
je dois réaliser un QCM avec des checkbox.
Si la case est cochée, l'utilisateur gagne des points (ou en perd), et je voudrais que le résultat se mette à jour à chaque coche.
Extrait du questionnaire :

Code :

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

1
2
3
4
5
 
<label for="linkedin">
	<input value="2" name="linkedin" id="linkedin" type="checkbox" />LinkedIn</label>
<label for="viadeo">
	<input value="2" name="viadeo" id="viadeo" type="checkbox" />Viadeo</label>

Si l'utilisateur coche LinkedIn, le score 2 s'affiche. S'il coche aussi Viadeo, il affiche 4.
Je pensais que ça marcherait avec un body onLoad="Affiche()" :

Code :

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

1
2
3
4
5
6
7
8
 
function Affiche() {
	var resultat = 0;
	var listeCoche = document.getElementsByTagName("input").checked;
	for (i<0 ; i<listeCoche.length ; i++) {
		resultat += [i].value;}
	document.getElementById("score").innerHTML = resultat;
}

Je ne sais absolument pas par quel bout prendre le script qui produirait le résultat attendu ?
Est-ce que quelqu'un peut m'aiguiller ?
D'avance merci.

[MrPringle]

Essaie comme ceci :

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
 
function Affiche() {
	var i;
	var resultat = 0;
	var listeCoche = document.getElementsByTagName("input");
	var l = listeCoche.length;
	var lc;
	for (i = 0 ; i < l ; i++) {
		lc = listeCoche[i];
		if (lc.checked) {
			resultat += parseInt(lc.value, 10);
		}
	}
	document.getElementById("score").innerHTML = resultat;
}

[Bovino]

Je pensais que ça marcherait avec un body onLoad="Affiche()"

Sur le onload, il semble peu probable que l'utilisateur ai déjà fait des choix. Ca peut éventuellement servir pour initialiser le compte, mais ensuite, c'est sur le clic des input qu'il faut recalculer l'ensemble.

Code :

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

var listeCoche = document.getElementsByTagName("input").checked;

Il semble que certains fondamentaux ne soient pas maitrisés...
getElementsByTagName, comme le s de elements l'indique, renvoie une collection et une collection ne possède pas de propriété checked.

Code :

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

resultat += [i].value;

Encore une notation un peu hasardeuse...