Tema: Pequeña hoja de pedidos
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/12/2010, 06:57
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 15 años
Puntos: 65
Respuesta: Pequeña hoja de pedidos
recorre solo los de subtotal

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.toFixed(2));
  13.                 var total = 0;
  14.                 $('.subtotal').each( function(){
  15.                     if ($(this).val()!= '')
  16.                         total += parseFloat( $(this).val() );
  17.                 });
  18.                 $('#total').val( total.toFixed(2) );
  19.             });
  20.         });
  21.         </script>
  22.     </head>
  23.     <body>
  24.  
  25.         <table>
  26.             <thead>
  27.                 <tr>
  28.                     <td>Producto</td>
  29.                     <td>Cantidad</td>
  30.                     <td>Precio</td>
  31.                     <td>Subtotal</td>
  32.                 </tr>
  33.             </thead>
  34.             <tbody id="pedidos">
  35.                 <tr>
  36.                     <td><span class="titulo">Producto 3</span></td>
  37.                     <td><input type="text" name="cantidad[]" class="cantidad"/></td>
  38.                     <td><input type="text" name="precio[]" disabled value="5.563" class="precio"/>
  39.                     <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
  40.                 </tr>
  41.                 <tr>
  42.                     <td><span class="titulo">Producto 2</span></td>
  43.                     <td><input type="text" name="cantidad[]" class="cantidad"/></td>
  44.                     <td><input type="text" name="precio[]" disabled value="3" class="precio"/>
  45.                     <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
  46.                 </tr>
  47.                 <tr>
  48.                     <td><span class="titulo">Producto 3</span></td>
  49.                     <td><input type="text" name="cantidad[]" class="cantidad"/></td>
  50.                     <td><input type="text" name="precio[]" disabled value="6" class="precio"/>
  51.                     <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
  52.                 </tr>
  53.             </tbody>
  54.         </table>
  55.         Total: <input type="text" id="total" />
  56.     </body>
  57. </html>

fijate que los decimales te los redondea, si haces 5.563 * 2 = 11.126 pero toFixed con 2 decimales te da 11.13