[SOLUCIONADO] sumar inputs dinamicos

alva_be21 · #1 (**permalink**) 25/01/2014, 12:20

Hola que tal, tengo una cuestion y llevo varios dias y no he podido resolverla.

Tengo una tabla con inputs que se generan dinamicamente segun una consulta de mysql. Mi problema es que quiero sumar determinados inputs ya que tengo dos grupos, los de id=cantidad y de id=numero, lo que quiero es que cuando ingresen alguna cantidad en los inputs de cantidad estos se sumen (solo los de cantidad) y se muestre el resultado automaticamente en un label.

He echo la siguiente funcion

Código Javascript:

Ver originalfunction calcular_fiscal(id)
{
    
    var a = parseFloat(eval("document.getElementById('"+id+"').value")); 
    suma = suma + a;
    document.getElementById('total_monto_fiscal').innerHTML = suma;
    
}

Es muy simple, lo que hago aqui es qe cuando se llene un input se mande el id y lo sume a un acumulador. Este proceso lo hace correctamente, el problema es cuando el usuario borra un input, ya que llama la funcion pero se manda un valor NaN y ya no hace suma.

Espero alguien me pueda ayudar, es muy urgente.

PHPeros · #2 (**permalink**) 25/01/2014, 12:32

Tienes que comprobar que sea un número:

Código Javascript:

Ver originalfunction calcular_fiscal(id)
{
    var a = parseFloat(document.getElementById(id).value); 
 
    if(!isNaN(a)){
       suma = suma + a;
       document.getElementById('total_monto_fiscal').innerHTML = suma;
    }
    
}

Gustavo72 · #3 (**permalink**) 25/01/2014, 13:01

No sé si entendí bien, pero me parece que cada vez que se modifica un input tienes que hacer toda la cuenta de nuevo ya que no sabes si estás ingresando un valor en un input por primera vez o si estás modificando uno que ya sumaste antes a la cuenta.

alva_be21 · #4 (**permalink**) 27/01/2014, 09:48

Cita:

Iniciado por Gustavo72

No sé si entendí bien, pero me parece que cada vez que se modifica un input tienes que hacer toda la cuenta de nuevo ya que no sabes si estás ingresando un valor en un input por primera vez o si estás modificando uno que ya sumaste antes a la cuenta.

Sii eso es lo que necesito gustavo72, lo habia echo con un ciclo for pero no me llamaba ningun numero porqe necesito hacerlo con el id del input.

alva_be21 · #5 (**permalink**) 27/01/2014, 09:50

Cita:

Iniciado por PHPeros

Tienes que comprobar que sea un número:

Código Javascript:

Ver originalfunction calcular_fiscal(id)
{
    var a = parseFloat(document.getElementById(id).value); 
 
    if(!isNaN(a)){
       suma = suma + a;
       document.getElementById('total_monto_fiscal').innerHTML = suma;
    }
    
}

Esto ya lo habia intentado pero no se como modificarlo para que si se borra el numero del input se reste de la suma que ya estaba

Gustavo72 · #6 (**permalink**) 27/01/2014, 10:22

Si usaras jQuery, podrías hacer algo así:

Código HTML:

Ver original<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var total=0;
$(document).ready(function() {
    $('input.cantidad').blur(function() { calcular_total() });
    calcular_total();
});
function calcular_total() {
    total=0;
    $('input.cantidad').each(function() {
        var v=parseFloat($(this).val());
        if (isNaN(v)) {
            v=0;
            $(this).val(0);
        }
        total+=v;
    });
    $('div#total_monto_fiscal').html(total);
}
</script>
</head>
<body>
<form>
<input type="text" class="cantidad" value="5"><br>
<input type="text" class="cantidad" value="6"><br>
<input type="text" class="cantidad" value="7">
</form>
<div id="total_monto_fiscal"></div>
</body>
</html>

alva_be21 · #7 (**permalink**) 27/01/2014, 13:01

Cita:

Iniciado por Gustavo72

Si usaras jQuery, podrías hacer algo así:

Código HTML:

Ver original<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var total=0;
$(document).ready(function() {
    $('input.cantidad').blur(function() { calcular_total() });
    calcular_total();
});
function calcular_total() {
    total=0;
    $('input.cantidad').each(function() {
        var v=parseFloat($(this).val());
        if (isNaN(v)) {
            v=0;
            $(this).val(0);
        }
        total+=v;
    });
    $('div#total_monto_fiscal').html(total);
}
</script>
</head>
<body>
<form>
<input type="text" class="cantidad" value="5"><br>
<input type="text" class="cantidad" value="6"><br>
<input type="text" class="cantidad" value="7">
</form>
<div id="total_monto_fiscal"></div>
</body>
</html>

Si! ya lo adecue a mis inputs y funciona, muchas gracias Gustavo72