Discussion :

[renaud26]

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.

[gwyohm]

Bonjour,

Je pense que onchange est mal venu : il n'est pas déclenché exactement au même moment suivant les navigateurs ; parfois dès que le checkbox passe de décoché à coché (avec firefox) parfois quand la checkbox n'a plus le focus et qu'elle a changé de valeur (ie)...
Avec un onclick ?

[E.Bzz]

Avec un onclick ?

+1
Ca évite ce genre de problème ...

A+

[renaud26]

Bien vu, les gars !
Comme c'est bêta, des fois...

Merci et bonne fin de journée.