Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/06/2014, 19:01
Avatar de Italico76
Italico76
 
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 17 años, 1 mes
Puntos: 292
Respuesta: Multiplicación de inputs dinamicos

No necesitas jQuery para eso .. la ventaja de como lo has planteado es que si decides agregar un campo "IVA" o "impuestos" ... no hay que hacer mucho para calcular el IVA en cada item

Código Javascript:
Ver original
  1. <form  method="post" action="#" name="operaciones">                    
  2.  
  3. <!-- cortar aqui -->
  4.                 <div id= "operacion">
  5.                     <div class= "description">
  6.                     Articulo:<br/>
  7.                     <input type="text" name="descripcion[]" id= "descri_1"/>
  8.                     </div>
  9.                 </div>
  10.                
  11.                 <div id= "operacion2">
  12.                     <div class= "price">
  13.                     Precio:<br/>
  14.                     <input type="text" name="precio[]" id= "preci_1"  class="multiplo" />
  15.                     </div>
  16.                 </div>
  17.                
  18.                 <div id= "operacion3">
  19.                     <div class= "amount">
  20.                     Cantidad:<br/>
  21.                     <input type="text" name="cantidad[]" id= "canti_1" class="multiplo" />
  22.                     </div>
  23.                 </div>      
  24.                
  25.                
  26.                 <div id= "operacion4">
  27.                     <div class= "tota">
  28.                     Sub-total:<br/>
  29.                     <input type="text" name="res[]" id= "totals_1" />
  30.                 </div>     
  31.                 <p/>
  32. <!-- cortar aqui -->               
  33.                  
  34.                    
  35. </form>
  36.  
  37. <script>
  38. function multiplicaciones()
  39. {
  40.     n= 1;
  41.     for (i=0;i<multiplos.length;i++)
  42.     {
  43.         if (!isNaN (multiplos[i].value))
  44.             n *= parseInt(multiplos[i].value);
  45.         else
  46.             n = 0;     
  47.     }
  48.    
  49.     if (isNaN(n))
  50.         n =0;
  51.        
  52.     output.value = n;
  53.        
  54. }
  55.  
  56.  
  57. multiplos = document.getElementsByClassName('multiplo');
  58. output = document.getElementById('totals_1');
  59.  
  60. for (i=0;i<multiplos.length;i++)
  61.     multiplos[i].addEventListener ('keyup',function(){ multiplicaciones();},false);
  62.  
  63.  
  64. </script>
__________________
Salu2!

Última edición por Italico76; 21/06/2014 a las 19:35