Ver Mensaje Individual
  #3 (permalink)  
Antiguo 07/07/2016, 14:57
LABANDADELOSO
 
Fecha de Ingreso: octubre-2012
Mensajes: 74
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Suma de inputs dinamicos

Exactamente, solo me faltaria ir agregando un indice (el cual ire aumentando, a medida que agrego un nuevo input, al nombre del input, dado que trabajo con un framework, y necesito recorrerlo en el controlador para generar multiples registros en la base de datos.

name="data[Product][$indice][cantidad]"

Cita:
Iniciado por alvaro_trewhela Ver Mensaje
Buscas algo como esto?

Código HTML:
Ver original
  1.     <head>
  2.         <script type="text/javascript">
  3.         function add(){
  4.         var elemento1 = document.createElement('input');
  5.         elemento1.type = "text";
  6.         elemento1.setAttribute("name", "precio");
  7.        
  8.         var elemento2 = document.createElement('input');
  9.         elemento2.type = "text";
  10.         elemento2.setAttribute("name", "cantidad");
  11.        
  12.         var elemento3 = document.createElement('br');
  13.        
  14.         var contener = document.getElementById('contener');
  15.        
  16.         contener.appendChild(elemento1);
  17.         contener.appendChild(elemento2);
  18.         contener.appendChild(elemento3);
  19.         }
  20.        
  21.         function suma(){
  22.         var total = 0;
  23.             for(k=0;k<document.getElementsByName("precio").length;k++){
  24.             total += parseInt(document.getElementsByName("precio")[k].value)*parseInt(document.getElementsByName("cantidad")[k].value);
  25.             }
  26.         document.getElementById("total").innerHTML = total;
  27.         }
  28.        
  29.         </script>
  30.     </head>
  31.     <body>
  32.    
  33.     <input type="button" onclick="suma();" value="sumar todo" /> Suma: <span id="total"></span><br/>
  34.    
  35.     <input type="button" value="Agregar +" onclick="add();"/><br/>
  36.     Precio/cantidad
  37.         <div id="contener"></div>  
  38.     </body>
  39. </html>