JS: récupération valeur bouton radio
Koma777
Messages postés
270
Statut
Membre
-
Koma777 Messages postés 270 Statut Membre -
Koma777 Messages postés 270 Statut Membre -
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:
Et le .js:
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.
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.
Configuration: Mac OS X Safari 531.21.10
A voir également:
- Récupérer valeur bouton radio javascript
- Js echo ✓ - Forum PHP
- Arrondir js ✓ - Forum Windows
- Arrondi js ✓ - Forum Windows
- Js/packed.agent.n ✓ - Forum Antivirus
- Isset js ✓ - Forum Javascript
2 réponses
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.
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 :
En espérant que ça t'ai aidé. :)
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é. :)
