Questionnaire avec affichage immédiat du score

Version imprimable

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:

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:

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.

Essaie comme ceci :

Code:

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

27/09/2011, 08h05
Bovino

Citation:

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

:koi:
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.

Citation:

Code:

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.

Citation:

Code:

resultat += [i].value;

Encore une notation un peu hasardeuse...