Suma de campos dinamicos

by Carlos Quintero

HTML

<input type="text" class="numero"/><br><br>
<input type="text" class="numero"/><br><br>
<input type="text" class="numero"/><br><br>
<input type="text" class="numero"/><br><br>
<input type="text" class="numero"/><br><br>
<div id="valorCompra">
  Ingrese los montos
</div>

JavaScript

var total = 0;
$(function(){
  $(".numero").change(function(){
  total = 0;
    $(".numero").each(function(){
      var valor = ($(this).val()!="" && $.isNumeric($(this).val())) ? $(this).val() : 0;
      total = parseFloat(total) + parseFloat(valor);
      $("#valorCompra").html("Total Compra: "+total.toLocaleString("es"));
    })
  })
})