calcul simple de nombre entier et décimal dans jquery

Question

Essayant de multiplier 2 valeurs. La quantité est un nombre entier et le prix du crédit est un nombre décimal. Quand je lance ce code, rien ne se passe.

Est-ce que quelqu'un sait quel est le problème?

Merci.

$(function(){ // bind the recalc function to the quantity fields 

    $("#oneCreditSum").after('<label></label>Total: Aud <span id=\"total\"></span><br><br>'); 

    $("#quantity").bind('keyup', recalc); 

    function recalc(){ 
     var quantity = $('#quantity').val(); 
     var creditPrice = $('#creditPrice').val(); 
     var total = quantity * creditPrice; 
     $("#total").text(total); 
    }}); 

Answer 1

Utilisez parseFloat sur les valeurs, et alerter individuellement chacun à tester.

Quelques autres (sans lien) améliorations:

1. Utilisez la fonction keyup():

   $("#quantity").keyup(recalc); 
   

2. Marque fonction anonyme:

   $("#quantity").keyup(function(){...}); 
   

3. Utiliser $ (this) sur #quantity dans la fonction pour éviter d'appeler à nouveau le sélecteur jQuery

Vous pouvez aussi envisager de condenser cela en une seule ligne de code:

var num = 10; 
var result = num.toFixed(2); // result will equal 10.00 

Je suis cet extrait:

$("#total").text(parseFloat($('#quantity').val()) * parseFloat($('#creditPrice').val())); 

à zéro-pad, vous pouvez essayer quelque chose toFixed() à partir du site suivant

http://www.mredkj.com/javascript/numberFormat.html

Espérons que cela aide.

Answer 2

utilisation

parseFloat

avant le calcul des deux nombres qui analyse un argument de chaîne et renvoie un nombre à virgule flottante.

var quantity = $('#quantity').val(); 
var creditPrice = $('#creditPrice').val(); 
var total = parseFloat(quantity) * parseFloat(creditPrice); 

Answer 3

Si vous êtes intéressé par nombre entier que vous pouvez utiliser cette fonction à la place:

parseInt