[RESOLU] Bon de commande avec Jquery

Eléphanteau du PHP | 11 Messages

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);
  });
}

Eléphant du PHP | 120 Messages

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/

Eléphanteau du PHP | 11 Messages

21 mars 2017, 12:24

Ok merci