Page 1 sur 1

Bon de commande avec Jquery

Publié : 20 mars 2017, 18:08
par karl007
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);
  });
}

Re: Bon de commande avec Jquery

Publié : 21 mars 2017, 11:36
par benv8nam
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/

Re: Bon de commande avec Jquery

Publié : 21 mars 2017, 12:24
par karl007
Ok merci