Ver Mensaje Individual
  #20 (permalink)  
Antiguo 10/02/2011, 09:32
Avatar de spicke23
spicke23
 
Fecha de Ingreso: septiembre-2005
Mensajes: 17
Antigüedad: 19 años, 2 meses
Puntos: 0
Respuesta: Suma de TextBox para mostrar Total

Disculpen mi bronca chicos, pero este famoso script, me ha tenido de cabeza los últimos 5 días :(

ahi lo modifiqué y funciona a la perfección.

se los dejo por si alguien lo quiere. :D

Código HTML:
Ver original
  1. <title>Sumar campos</title>
  2.  
  3. <script language="javascript"  type="text/javascript">
  4.  
  5. function sumacampos(id,IDTOTAL,NombreCampo)
  6. {
  7.     //declaro variable que almacenara la suma total
  8.     var suma = parseFloat(eval("document.getElementById('"+id+"').value")); //le asigno el valor del campo actual
  9.    
  10.     //declaro campo que se mostrara en el input
  11.     var IDTOTAL = document.getElementById(IDTOTAL);
  12.  
  13. //el "CampoaSumar" son los campos textBox que se sumaran
  14. for(var i=0; i < eval("document.form1."+NombreCampo+".length"); i++)
  15. {
  16. //Comparo el id del campo en que me encuentro para no sumarlo nuevamente y sumar los demas    
  17. if(eval("document.getElementById('"+id+"').id") != eval("document.form1."+NombreCampo+"["+i+"].id") )
  18.    {
  19.        //Recorro el vector de los campos y realizo la suma
  20.         suma = suma + parseFloat(eval("document.form1."+NombreCampo+"["+i+"].value"));
  21.    }
  22.  
  23.     //Asigno la suma a un label que ira cambiando de acuerdo a la cantidad que se capture
  24.     IDTOTAL.value = suma;
  25. }
  26.  
  27.  
  28. }
  29.  
  30.  
  31. </head>
  32. <form name="form1">
  33. <br/><input type="text" name="CampoaSumar" id="Campo1" value="0" onkeyup="sumacampos('Campo1','MiLabelTOTAL','CampoaSumar');" />
  34. <br/><input type="text" name="CampoaSumar" id="Campo2" value="0" onkeyup="sumacampos('Campo2','MiLabelTOTAL','CampoaSumar');" />
  35. <br/><input type="text" name="CampoaSumar" id="Campo3" value="0" onkeyup="sumacampos('Campo3','MiLabelTOTAL','CampoaSumar');" />
  36. <br/>
  37. Total:<input type="text" readOnly="true" value="0" id="MiLabelTOTAL" />
  38. </form>
  39. </body>
  40. </html>