JS: récupération valeur bouton radio

Fermé
Koma777 Messages postés 261 Date d'inscription mercredi 17 janvier 2007 Statut Membre Dernière intervention 16 février 2018 - 22 janv. 2010 à 14:05
Koma777 Messages postés 261 Date d'inscription mercredi 17 janvier 2007 Statut Membre Dernière intervention 16 février 2018 - 22 janv. 2010 à 14:33
Bonjour à tous,

je souhaiterais réaliser un formulaire en "radio", avec pour chacun de ces boutons une valeur prédéfinies, et qui à la fin calcule un prix en fonction des options choisies.

Je voulais donc tout d'abord faire un test avec des "alert", pour voir si mes valeurs sont au moins prit en compte... Mais cela m'affiche "undifined.."

Voici mon html:
 
<div id="GS300" style="position:absolute; float: left; left: 100px; top: 10px; width: 240px;"><input id="GS300Check" name="GS" type="radio"  checked="checked"/ onclick="genprix('GS300Price')" > </div>
<div id="GS300Price" style="position:absolute; left: 370px; top: 10px; width:50px; text-align:right" value="53000" >53.000 €</div>


Et le .js:
function genprix(test1){
	 var test2= document.getElementById(test1).value; 
	 alert (test2);
} 


Pour le reste si vous avez des idées du: "comment devrais-je m'y prendre" pour calculer et afficher le total de la somme en bas de ce formulaire...??

Merci d'avance.

2 réponses

Defouille Messages postés 388 Date d'inscription mercredi 13 janvier 2010 Statut Membre Dernière intervention 15 novembre 2011 54
22 janv. 2010 à 14:10
Bonjour,

tu as un problème avec la position de ton attirbut "value" il doit être dans les attributs de ta balise input et non dans ceux de ta balise div.

<div id="GS300" style="position:absolute; float: left; left: 100px; top: 10px; width: 240px;">
    <input id="GS300Check" name="GS" type="radio"  checked="checked"/ onclick="genprix('GS300Check')" value="53000" />
</div>
<div id="GS300Price" style="position:absolute; left: 370px; top: 10px; width:50px; text-align:right">
    53.000 €
</div>



Ca devrait déjà mieux marcher.

Ensuite pour calculer la somme de tout tes inputs tu fais une fonction javascript qui récupère la valeur de tout tes inputs et qui les additionne puis remplit ton total en bas de page.

Du genre :

function total()
{
    var total=0;
    total+=document.getElementById('id_input1').value;
    total+=document.getElementById('id_input2').value;
    total+=document.getElementById('id_input3').value;
    document.getElementById('mon_input_total').value=total;
    // OU
    document.getElementById('mon_div_total').innerHTML=total;
}


En espérant que ça t'ai aidé. :)
0
Koma777 Messages postés 261 Date d'inscription mercredi 17 janvier 2007 Statut Membre Dernière intervention 16 février 2018 7
22 janv. 2010 à 14:33
Pour le "total", je vais voir ça maintenant, mais en tout cas, l'autre problème est résolut.

Merci pour ton aide Defouille :)
0