Calcul automatique qui fait n'importe quoi
Bonjour à tous,
Soit ce formulaire :
Code:
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:
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.