Ver Mensaje Individual
  #21 (permalink)  
Antiguo 21/11/2011, 08:58
auri501
 
Fecha de Ingreso: octubre-2007
Mensajes: 130
Antigüedad: 17 años, 1 mes
Puntos: 2
Respuesta: Suma de TextBox para mostrar Total

Hola a todos,

He visto este tema y me ha servido a la perfección para lo que yo necesitaba, lo único que necesito nuevo es mandarlo por email.

Al intentar pasar los valores de los inputs por $_POST he visto que me ha sido imposible ya que al tener el mismo nombre, sólo envía el valor del último input.

Gracias!!

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. <?php
  33. echo "<pre>";
  34. print_r($_POST);
  35. echo "</pre>";
  36. ?>
  37. <form name="form1" action="sumar_campos.php" method="post">
  38. <br/><input type="text" name="CampoaSumar" id="Campo1" value="0" onkeyup="sumacampos('Campo1','MiLabelTOTAL','CampoaSumar');" />
  39. <br/><input type="text" name="CampoaSumar" id="Campo2" value="0" onkeyup="sumacampos('Campo2','MiLabelTOTAL','CampoaSumar');" />
  40. <br/><input type="text" name="CampoaSumar" id="Campo3" value="0" onkeyup="sumacampos('Campo3','MiLabelTOTAL','CampoaSumar');" />
  41. <br/>
  42. Total:<input type="text" readOnly="true" value="0" id="MiLabelTOTAL" />
  43. <input type="submit" value="enviar">
  44. </form>
  45. </body>
  46. </html>