2011-02-02 2 views
0

Il suffit de faire un formulaire de commande très très simple.entrer la quantité et mettre à jour la commande totale

Vous voulez une boîte d'entrée (accepter que les numéros)

L'utilisateur saisit une quantité, permet de dire que 50

Nous avons une valeur de multiplicateur qui est permet de dire 10

Vous voulez un champ de formulaire désactivé, montrant le résultat de 50 x 10

champ donc forme montrerait 500

maintenant nous avons variables OrderTotal nous pouvons passer à notre code comme:

$txtAmount = "orderTotal";

Toutes les idées?

+0

Que voulez-vous dire? passer la valeur php au javascript? –

+0

Je pense que vous voulez un panier simple beaucoup de tutoriels dans le web comme http://v3.thewatchmakerproject.com/journal/276/building-a-simple-php-shopping-cart –

+0

Non pas php, en fait son client côté donc d'où js. Juste besoin d'un champ de saisie, un utilisateur peut entrer un nombre, et un champ total qui multiplie ce nombre par une valeur prédéfinie. – 422

Répondre

1

Le code doit être quelque peu similaire. mais pas testé. si vous trouvez erreur, s'il vous plaît laissez-moi savoir

EDIT :: le code testé

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script> 
<script> 
    $(function(){ 


    $("#value").blur(
     function(){   
      var value = $(this).val(); 
      if(isInt(value)){ 
       $("#total").val($(this).val()*$("#quantity").val());     
      } 
      else{ 
       alert('pelase enter int'); 
      }  

     } 
    ); 
    $('#quantity').change(
     function() 
     { 
      var value =$("#value").val(); 
      if(isInt(value)) 
      { 
       if($("#quantity").val() > 0){ 
        $("#total").val($(this).val()*$("#value").val()); 
       }      
      } 
      else{ 
       alert('pelase enter int'); 
      } 
     } 
    ) 

    }); 

    function isInt(x) { 
    var y=parseInt(x); 
    if (isNaN(y)) return false; 
    return x==y && x.toString()==y.toString(); 
    } 
</script> 

<form> 
    <input id="value" name="value" /> 
    <select id="quantity"> 
    <option>10</option> 
    <option>20</option> 
    <option>30</option> 
    <option>40</option> 
    <option>50</option> 
    </select>  
</form> 
<input id="total" type="text" disabled="disabled"/> 

mise à jour :: cela devrait fonctionner, mais pas sûr .. si ne fonctionne pas alors laissez-moi savoir

+0

ouais merci, mais ce n'est pas ça. Je ne veux pas que l'utilisateur doive cliquer sur quelque chose, et ils n'ont pas le choix quant au multiplicateur. C'est réglé par exemple. Ils choisissent le nombre de widgets qu'ils veulent, nous avons un prix prédéfini à dire 10. Donc, ils choisissent 50 et un champ désactivé, affiche automatiquement 500 – 422

+0

@ 422 dans ce cas s'il vous plaît jeter un oeil à la mise à jour. mais le code n'est pas testé –

+0

Hmm @explorex, ne fait rien pour moi. Merci pour votre persévérance cependant. – 422

1

@explorex vous avez la plupart du temps là-bas, mais une chose que je serais prudent est mathématique à virgule flottante en Javascript n'est pas précise. Si vous avez affaire à de l'argent ... vous voulez vous assurer d'être précis.

Voici une question SO avec des réponses à ce sujet: https://stackoverflow.com/questions/744099/javascript-bigdecimal-library

+0

oui merci! aussi –

+0

merci Sean (nous ne traitons que des nombres entiers) Donc tous les multiples de 10 ou 11 – 422

Questions connexes