[SOLUCIONADO] suma de decimales en tiempo real en javascript

and_zxxy · #1 (**permalink**) 02/10/2013, 19:17

Hola a todo
tengo un problema con un codigo en java script que no puedo hacer

El codigo suma solo numeros enteros pero quisiera tambien que sume decimales

le cambie a parseFloat pero no funciona
ayuda x fa......

Aqui sta el codigo

Código PHP:

<html> <head> </head> <script type="text/javascript"> function sumar(c){ var subtotal = 0; campo = c.form; if(!/^d*$/.test(c.value)) return; for (var i = 0; i < campo.length-1; i++) { if (!/^d+$/.test(campo[i].value)) continue; subtotal += parseInt(campo[i].value); } document.getElementById('res').value = subtotal; } </script> <body> <form name="b" action="" method="post"> 1:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this);" /><br /> 2:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this);" /><br /> 3:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this);" /><br /> 4:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this);" /><br /> 5:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this);" /><br /> 6:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this);" /><br /> Resultado:<input type="text" id="res" value="0" /> </form> </body> </html>

porfa ayudaaaa

muchas gracias por su tiempo

bathorz · #2 (**permalink**) 03/10/2013, 07:07

Pruebalo así, luego intenta descomentado return o //continue

Código HTML:

Ver original<script type="text/javascript">
   function sumar(c) { //alert(c);
      var campo = document.getElementById('form1');
      var subtotal = 0;
 
      if (!/^d*$/.test(c)) // <-- problema, busca solución
         //return;
      
      for (var i = 0; i < campo.length - 1; i++) { 
         if (!/^d+$/.test(campo[i].value)) // <-- problema, busca solución
           // continue;
         subtotal += parseFloat(campo[i].value);
      }
       document.form1.res.value = subtotal;
   }
</script>
 
<form id="form1" name="form1" action="" method="post">
1:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
2:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
3:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
4:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
5:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
6:<input type="text" name="sum[]" value="1.1" onKeyUp="sumar(this.value);" /><br />
   Resultado:
   <input type="text" id="res" name="res" value="0" />
</form>

and_zxxy · #3 (**permalink**) 03/10/2013, 11:32

oyes muchisimas gracias........!!

Si me funciono perfectamente.......!!

Saludos y gracias de nuevo

and_zxxy · #4 (**permalink**) 03/10/2013, 13:04

Código HTML:

<script type="text/javascript">
   function sumar(c) { //alert(c);
      var campo = document.getElementById('form1');
      var subtotal = 0;

      if (!/^d*$/.test(c)) // <-- problema, busca solución
         //return;
      
      for (var i = 0; i < campo.length - 1; i++) { 
         if (!/^d+$/.test(campo[i].value)) // <-- problema, busca solución
           // continue;
         subtotal += parseFloat(campo[i].value);
      }
       document.form1.res.value = subtotal;
   }
</script>

<form id="form1" name="form1" action="" method="post">
1:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
2:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
3:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
4:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
5:<input type="text" name="sum[]" value="0" onKeyUp="sumar(this.value);" /><br />
6:<input type="text" name="sum[]" value="1.1" onKeyUp="sumar(this.value);" /><br />
   Resultado:
   <input type="text" id="res" name="res" value="0" />
   <input type="submit" value="enviar" />
   <input type="submit" name="enviar2" id="enviar2" value="enviar2" />
</form>

disculpa

pero si en el ejemplo ahi le aumento 2 boton enviar ya no me suma y me sale error (NaN)

se le puede corregir eso para que si me sume.....??

Ayuda por favor....

bathorz · #5 (**permalink**) 04/10/2013, 01:10

Observa esta línea: for (var i = 0; i < campo.length - 1; i++) {
El -1 hace que no tome en cuenta el último input.
Ahora has agregado 2 más.
Los que no tienes que sumar son ahora los últimos 3, por lo tanto: -3