begin process at 2012 05 29 00:58:13
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

bouton radio et formulaires de calcul


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

bouton radio et formulaires de calcul

jeudi 5 mars 2009 à 12:20:46 | bouton radio et formulaires de calcul

fff22

Bonjour,
Je débute en Javascript et j'ai un problème qui peut paraître simple mais qui est difficile à résoudre quand on a peu de notions de programmation.:
Je dois créer un programme ou l'utilisateur doit cocher deux paramètres en utilisant des boutons radio.
Exemple : nombre de litres d'huile consommés (l'utilisateur peut choisir entre 1, 2, 3 ou 4) ; et prix du litre, l'utilisateur peut choisir entre (1¤ ou 2¤ ).. Une fois les deux boutons cochés, le programme doit effectuer un calcul entre ces deux paramètres et renvoyer dans une case en dessous le résultat obtenu.
J'ai bien compris qu'il faut que j'utilise les boutons radio et un formulaire de calcul, mais je ne sais pas comment associer les deux.

Voici mon script :


<head>

<title>Calculateur</title>

<script language="JavaScript">

function calcul(form) {

resultat = coche*coche1;
 document.devis.resultat.value = resultat;


 }

</script>

</head>

<body>

<form name="devis">


<input name="coche" type="checkbox" value="1" onclick="calcul()"> 1 litre
<input name="coche" type="checkbox" value="2" onclick="calcul()"> 2 litres
<input name="coche" type="checkbox" value="3" onclick="calcul()"> 3 litres
<input name="coche" type="checkbox" value="4" onclick="calcul()"> 4 litres<br>

<input name="coche1" type="checkbox" value="1" onclick="calcul()"> 1 ¤
<input name="coche1" type="checkbox" value="2" onclick="calcul()"> 2 ¤<br>

<input type="text" name="resultat" value="" size="8"onclick="calcul()"> Résultat <br>


<input type="reset" value="Effacer"><br>
</form>

</body>


Merci d'avance pour votre aide !

jeudi 5 mars 2009 à 12:46:15 | Re : bouton radio et formulaires de calcul

Bul3

Membre Club

bonjour,

1° les checkbox, on peut en cocher plusieurs !
    comment choisir celui voulu ?
    tu ne voulais pas plutôt utiliser des "radio" ?

2° quand on clique sur l'un des "coche", il faudrait mémoriser
    dans une variable globale la valeur de la quantité  choisie  et faire le calcul
    quand on clique sur l'un des "coche1", il faudrait mémoriser
    dans une variable globale la valeur du prix  choisi  et faire le calcul
   
>>Une fois les deux boutons cochés
dans quel ordre c'est fait ?
on clique d'abord sur coche ou sur coche1 ? ( tu ne peux pas choisir ! )

tu te compliques la vie....

aller...
<head>
    <title>Calculateur</title>
    <script type="text/JavaScript">
        var q=0,p=0;
        function calcul1(quoi) {
            p=quoi.value;
            document.devis.resultat.value = q*p;
         }
        function calcul2(quoi) {
            q=quoi.value;
            document.devis.resultat.value = q*p;
         }
    </script>
</head>
<body>
    <form name="devis">
        <input name="coche" type="radio" value="1" onclick="calcul1(this);" /> 1 litre
        <input name="coche" type="radio" value="2" onclick="calcul1(this);" /> 2 litres
        <input name="coche" type="radio" value="3" onclick="calcul1(this);" /> 3 litres
        <input name="coche" type="radio" value="4" onclick="calcul1(this);" /> 4 litres<br />
        <input name="coche1" type="radio" value="1" onclick="calcul2(this);" /> 1 ¤
        <input name="coche1" type="radio" value="2" onclick="calcul2(this);" /> 2 ¤<br />
        <input type="text" name="resultat" value="" size="8" > Résultat <br>
        <input type="reset" value="Effacer"><br>
    </form>
</body>
( en cas de <reset> il faudrait remettre à 0 q et p )

mais bon, j'utiliserais des select ou autre chose plutôt que de radio !


Cordialement

[mon Site][M'écrire]Bul

jeudi 5 mars 2009 à 14:07:05 | Re : bouton radio et formulaires de calcul

fff22

Merci beaucoup, à la fois pour explications et pour le script.
En effet, j'avais confondu bouton radio et checkbox - c compliqué quand on débute!
Est-ce que je peux abuser et te demander comment il faut "remettre à 0 q et p" comme tu le précises dans ta réponse?

Cdt
jeudi 5 mars 2009 à 14:17:18 | Re : bouton radio et formulaires de calcul

Bul3

Membre Club
>>comment il faut "remettre à 0 q et p"
q=0 et p=0 quand on clique sur reset, peut-être ?
>>c'est compliqué quand on débute!
après c'est pire !

Cordialement
[mon Site] [M'écrire] Bul

jeudi 5 mars 2009 à 16:39:33 | Re : bouton radio et formulaires de calcul

fff22

ça y est ça marche!
merci


Cette discussion est classée dans : boutons, utilisateur, radio, calcul, litres


Répondre à ce message

Sujets en rapport avec ce message

gestion de radio bouton [ par pipin ] J'ai affiché des radio boutons dynamiquement avec des noms du style bouton1,bouton2,...Ensuite dans une fonction javascript, je voudrais tester les ra Question sur les boutons radio [ par nico1214 ] Bonjour,J'ai 18 boutons radio : nomBoutonRadio.length = 18J'ai 1 bouton radio : nomBoutonRadio.length me renvoit undefinedPourquoi ? click sur un bouton radio [ par Poulipe ] Bonjour,j ai par exemple 3 boutons radio.b1b2b3tout le monde sait que sur ces 3 boutons, un seul peut etre cocher...mon pb : je voudrais que si le bo bouton radio [ par kenny18 ] salut,j'ai 2 boutons radio dans un formulaire. le nom est "tb_objet" et la valeur du 1er est "ref" et le 2ème est "chantier".Aucuns des 2 boutons ne s boutons radio [ par garthalgar26 ] Je cherche un code afin de sélectionner un bouton radio lorsque l'utilisateur place le focus dans une zone de texte. Griser des boutons radio [ par Tonyrion ] Bonjour à tous,je débute en java et j'ai tenté de chercher la solution dans les messages de ce forum et sur google, mais en vain.En fait j'ai une list Désactivation groupe boutons radio [ par bpal78 ] Bonjour,Pas habitué au javascript, j'ai écrit quand même quelques lignes afin de rendre un formulaire de saisie attrayant. Seulement je me retrouve fa Activer un bouton radio lors de la validation d'une checkbox [ par Rrominet ] Hello !Je suis en train de me remettre sur mon site et j'ai besoin de pouvoir activer certains contrôles uniquement si une checkbox est cochée.Par exe Bouton radio [ par b_medamine ] Surement que le même problème a été posé plusieurs fois, mais je vous assure que je ne l'ai pas trouvé  ... c pour cela que je relance le sujet : J'a action à partr de boutons radio [ par nougitch ] Bonjour,J'aimerais que lorsque mes deux premiers boutons radio sont sélectionnés, je puisse saisir ce que je veux dans les champs texte field_1 et fie


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales