Tema: Pequeña hoja de pedidos
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 02/12/2010, 11:36
cargosan
 
Fecha de Ingreso: abril-2003
Ubicación: Malaga
Mensajes: 176
Antigüedad: 21 años, 8 meses
Puntos: 1
Respuesta: Pequeña hoja de pedidos
Cita:
Iniciado por Dany_s Ver Mensaje
no hace falta volver a calcular los valores de las otras filas, solo la fila donde hubo modificación

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <title>Ejemplo</title>
  4.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  5.         <script type="text/javascript">
  6.         $(document).ready(function() {
  7.             $('#pedidos .cantidad').keyup( function (){
  8.                 //Selecciono la fila donde se encuentra el cambio
  9.                 var tr = $(this).closest('tr');
  10.                 //Calculo el subtotal y muestro el valor en el input
  11.                 var sub = $(this).val() * $('.precio', tr).val();
  12.                 $('.subtotal', tr).val(sub);
  13.             });
  14.         });
  15.         </script>
  16.     </head>
  17.     <body>
  18.  
  19.         <table>
  20.             <thead>
  21.                 <tr>
  22.                     <td>Producto</td>
  23.                     <td>Cantidad</td>
  24.                     <td>Precio</td>
  25.                     <td>Subtotal</td>
  26.                 </tr>
  27.             </thead>
  28.             <tbody id="pedidos">
  29.                 <tr>
  30.                     <td><span class="titulo">Producto 1</span></td>
  31.                     <td><input type="text" name="cantidad[]" class="cantidad"/></td>
  32.                     <td><input type="text" name="precio[]" disabled value="5" class="precio"/>
  33.                     <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
  34.                 </tr>
  35.                 <tr>
  36.                     <td><span class="titulo">Producto 2</span></td>
  37.                     <td><input type="text" name="cantidad[]" class="cantidad"/></td>
  38.                     <td><input type="text" name="precio[]" disabled value="3" class="precio"/>
  39.                     <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
  40.                 </tr>
  41.                 <tr>
  42.                     <td><span class="titulo">Producto 3</span></td>
  43.                     <td><input type="text" name="cantidad[]" class="cantidad"/></td>
  44.                     <td><input type="text" name="precio[]" disabled value="6" class="precio"/>
  45.                     <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
  46.                 </tr>
  47.             </tbody>
  48.         </table>
  49.  
  50.     </body>
  51. </html>

$('').val debería ser $(this).val para referirte al elemento que asignaste el evento

Lo primero muchas gracias por responder. Hacía el bucle porque despues tengo que calcular el total, ¿alguna idea?

Saludos y gracias de nuevo