javascript jquery .each() problème

Question

J'ai quelques éléments d'entrée de formulaire avec la classe .commission_plan et différents ID. Je dois résumer les valeurs de cet élément. J'utilise ce code:

jQuery(document).ready(function() { 
    var total = 0; 
    $('.commission_plan').each(function() { 
     total = total + parseFloat($(this).val()); 
    }); 
    $('#payment_total_amount_hidden').val(total); 
    $('#payment_total_amount').text('Total: ' + total); 
}): 

Dans mes champs d'entrée sont les valeurs 3,45 et 4,65. Mais pourquoi #payment_total_amount contient 8.100000000000001? Comportement très étrange.

Answer 1

Ceci est juste comment les mathématiques à virgule flottante se comporte, pour les situations de monnaie que vous voulez souvent 2 décimales, utilisez donc .toFixed(2) lors du rendu, comme ceci:

var total = 0; 
    $('.commission_plan').each(function(){ 
     total = total + parseFloat($(this).val()); 
    }); 
    $('#payment_total_amount_hidden').val(total.toFixed(2)); 
    $('#payment_total_amount').text('Total: '+total.toFixed(2)); 
}): 

Answer 2

Ceci est le résultat de problèmes de précision avec des valeurs à virgule flottante. Vous pouvez essayer d'utiliser la méthode toFixed (n) javascript pour limiter le nombre de décimales. Edit: Comme précisé par Nick dans les commentaires, la méthode toFixed (n) va convertir un float en une chaîne de caractères de sorte qu'il ne doit être utilisé qu'une fois le calcul terminé.