Addition de checkbox

**gronaldo62** · 27/05/2008, 14h50

Bonjour, voilà je débute dans le monde du javascript et même de la programmation.

Mon probléme est que j'ai réussi à trouver comment faire pour additionner les checkbox mais je n'arrive pas à afficher le total dans une case, j'arrive juste à afficher le total en alert. J'espére que je me suis bien fait comprendre, je vous mets mon code:

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<html>
<head>
	<title>Test</title>
	<script type="text/javascript">
		function calculer() {
			var total = 0;
			var chaine_choix = "";
			var coche;
			coche = document.getElementById("choix1");
			if(coche.checked == true) {
				chaine_choix += "Test1 ";
				total += parseInt(coche.value);
			}
			coche = document.getElementById("choix2");
			if(coche.checked == true) {
				chaine_choix += "Test2 ";
				total += parseInt(coche.value);
			}
			coche = document.getElementById("choix3");
			if(coche.checked == true) {
				chaine_choix += "Test3 ";
				total += parseInt(coche.value);
			}
			coche = document.getElementById("choix4");
			if(coche.checked == true) {
				chaine_choix += "Test4 ";
				total += parseInt(coche.value);
			}
			alert("Vous avez choisi : " + chaine_choix + "\nPour un total de €" + total);
		}
	</script>
</head>
<body>
	<form name="articles" id="articles">
		<dl>
			<dt>
				<dd><input type="checkbox" name="choix[]" id="choix1" value="1" />Test1</dd>
				<dd><input type="checkbox" name="choix[]" id="choix2" value="1" />Test2</dd>
				<dd><input type="checkbox" name="choix[]" id="choix3" value="4" />Test3</dd>
				<dd><input type="checkbox" name="choix[]" id="choix4" value="1" />Test4</dd>
			</dt>
		</dl>
	</form>
	<button onclick="calculer()">Calculer</button>
	<input disabled type="text" name="" size="10" value="Total">
</body>
</html>

**Matthieu2000** · 27/05/2008, 15h07

Code :

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

1
2
3
4
5
6
7
document.getElementById("total_texte").value=total;
document.getElementById("total_calque").innerHTML=total;
 
 
 
<dd>Total : <input type="texte" readonly name="total_texte" id="total_texte" value="0" /></dd>
<dd>Total <div id="total_calque"/></dd>

**gronaldo62** · 27/05/2008, 15h19

Merci pour ton aide

Addition de checkbox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager