Javascript: ¿por qué esto produce y cadena fea ??? Me gustaría la moneda

Question

var total = 0; 
     $(".amount").each(function() { 
      var value = $(this).val(); 
      value = (value.length < 1) ? 0 : value; 
      var tmp = parseFloat(value).toFixed(2); 
      total += tmp; 
     }); 
     $(".total").text(total); 

Estoy tratando de recorrer algunos cuadros de texto y resumir sus valores. Esto produce una cadena desagradable. ¿¿Qué me estoy perdiendo?? si pongo 8 en el primer cuadro de texto, el texto total termina en "08.000.000.000.00". ¿Qué estoy haciendo mal? Me gustaría formatear como moneda, pero si no, al menos solo dos números decimales. ¿Alguna sugerencia?

Gracias, ~ ck en San Diego

Answer 1

.toFixed convierte el objeto a partir de un número en una cadena.

dejar los valores completos en su lugar y sólo convierten utilizando .toFixed al final

$(".total").text(total.toFixed(2)); 

Alternativamente, convertir la cadena de nuevo a un número.

total = total + + tmp; 

Answer 2

Para su información, hay un excelente plug-in de agregación matemática para jQuery: jQuery Calculation

Usando ese plugin también puede resolver su problema de forma indirecta.

el uso de Reduciría su script:

$('.total').text($('.amount').sum()); 

Answer 3

que está convirtiendo el parseFloat en una cadena, a continuación, agregarlo al total. Solo agregue .toFixed (2) a la línea final, una vez que se hayan agregado las cosas.

var total = 0; 
$(".amount").each(function() { 
    var value = $(this).val(); 
    value = (value.length < 1) ? 0 : value; 
    var tmp = parseFloat(value); 
    total += tmp; 
}); 
$(".total").text(total).toFixed(2);