Bonjour à tous,

Soit ce formulaire :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<form name="opt" id="opt" method="post">
<input name="prix1" type="checkbox" value="35" onchange="calcule()" />
<input name="prix2" type="checkbox" value="45" onchange="calcule()" />
<input name="prix3" type="checkbox" value="55" onchange="calcule()" />
<input name="prix4" type="checkbox" value="65" onchange="calcule()" />
</form>
Je voudrais, lorsque les checkbox sont cochées ou décochées, le total varie et s'affiche dans un div.

La fonction :

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
 
 
function calcule(){
var val_prix = 0;
 
if (document.opt.prix1.checked==true)
{ val_prix = eval(val_prix) + (parseInt(document.opt.prix1.value));} 
if (document.opt.prix2.checked==true)
{ val_prix = eval(val_prix) + (parseInt(document.opt.prix2.value));} 
if (document.opt.prix3.checked==true)
{ val_prix = eval(val_prix) + (parseInt(document.opt.prix3.value));} 
if (document.opt.prix4.checked==true)
{ val_prix = eval(val_prix) + (parseInt(document.opt.prix4.value));} 
 
if (!val_prix){val_prix = 0;} 
document.getElementById("total").innerHTML = parseInt(val_prix);
}
Mais ça affiche un peu n'importe quoi selon que l'on coche ou décoche les checkbox. Quelqu'un voit le hic ?
Merci à lui.