[RESOLU] Bon de commande avec Jquery

Répondre


Veuillez compléter la vérification suivante afin de nous permettre de lutter contre les publications automatisées indésirables.
Émoticônes
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Accéder à davantage d’émoticônes
  Relecture du sujet
 

  Agrandir Relecture du sujet : [RESOLU] Bon de commande avec Jquery

Re: Bon de commande avec Jquery

par karl007 » 21 mars 2017, 12:24

Ok merci

Re: Bon de commande avec Jquery

par benv8nam » 21 mars 2017, 11:36

Bonjour,

Il s'agit de la méthode val de JQuery, value n'existe pas en JQuery seulement en javascript.

http://api.jquery.com/val/

Bon de commande avec Jquery

par karl007 » 20 mars 2017, 18:08

Bonjour à tous,
je voudrais réaliser un bon de commande de 3 produits avec un calcul de chaque produit à chaque fois que je rentre la quantité. Quant je clique sur envoyer les données seront transmise en méthode post.
Le problème est que lorsque je rentre une quantité pour le produit 1, le prix du produit 1 ne s'affiche pas.
Pouvez-vous m'aider ?
<form method="post" action="recapitulatif.php">
                              <table class="table">
                                <thead>
                                  <tr>
                                    <th>Produits</th>
                                    <th>Quantité(s)</th>
                                    <th>Prix</th>
                                    <th>Prix total</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td>Produit 1</td>
                                    <td><input type="text" id="qt1" name="qt1" size="5" class="center"></td>
                                    <td>2.50 €</td>
                                    <td><input type="text" id="prix1" name="prix1" size="5" class="center"></td>
                                  </tr>
                                  <tr>
                                    <td>Produit 2</td>
                                    <td><input type="text" id="qt2" name="qt2" size="5" class="center"></td>
                                    <td>3.00 €</td>
                                    <td><input type="text" id="prix2" name="prix2" size="5" class="center"></td>
                                  </tr>
                                  <tr>
                                    <td>Produit 3</td>
                                    <td><input type="text" id="qt3" name="qt3" size="5" class="center"></td>
                                    <td>2.25 €</td>
                                    <td><input type="text" id="prix3" name="prix3" size="5" class="center"></td>
                                  </tr>
                                  <tr>
                                    <td><strong>Prix total</strong></td>
                                    <td></td>
                                    <td></td>
                                    <td><input type="text" id="prixtotal" name="prixtotal" size="5" class="center"></td>
                                  </tr>
                                  <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td><input type="submit" id="envoyer" value="Envoyer"></td>
                                  </tr>
                                </tbody>
                              </table>
                              <div class="clearb"></div>
                              </form>
$(function(){
  $('#qt1').keydown(function(){
      var prixFixe1 = 2.50;
      var qt1 = $('#qt1').val();
      qt1 = parseInt(qt1);
      var prix1 = prixFixe1*qt1;
      $('#prix1').value(prix1);
  });
  $('#qt2').keydown(function(){
      var prixFixe2 = 3.00;
      var qt2 = $('#qt2').val();
      qt2 = parseInt(qt2);
      var prix2 = prixFixe2*qt2;
      $('#prix2').value(prix2);
  });
  $('#qt3').keydown(function(){
      var prixFixe3 = 2.25;
      var qt3 = $('#qt3').val();
      qt3 = parseInt(qt3);
      var prix3 = prixFixe3*qt3;
      $('#prix3').value(prix3);
  });
}