Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/11/2015, 21:11
nelson12345
 
Fecha de Ingreso: enero-2010
Ubicación: Colombia
Mensajes: 238
Antigüedad: 14 años, 3 meses
Puntos: 2
Sumar dos numeros con tecla TAB

Buen dia, tengo un codigo para sumar numeros a medida que se bayan ingresando en los campos de texto. Pero quiero que el resultado se muestre dentro de un textbox pero al tratar de hacerlo se me borra el input y aparece el resultado impreso en pantalla

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

Última edición por nelson12345; 29/11/2015 a las 21:39