Foros del Web - Ver Mensaje Individual

Dany_s · #2 (**permalink**) 02/12/2010, 06:33

no hace falta volver a calcular los valores de las otras filas, solo la fila donde hubo modificación

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $('#pedidos .cantidad').keyup( function (){
                //Selecciono la fila donde se encuentra el cambio
                var tr = $(this).closest('tr');
                //Calculo el subtotal y muestro el valor en el input
                var sub = $(this).val() * $('.precio', tr).val();
                $('.subtotal', tr).val(sub);
            });
        });
        </script>
    </head>
    <body>
 
        <table>
            <thead>
                <tr>
                    <td>Producto</td>
                    <td>Cantidad</td>
                    <td>Precio</td>
                    <td>Subtotal</td>
                </tr>
            </thead>
            <tbody id="pedidos">
                <tr>
                    <td><span class="titulo">Producto 1</span></td>
                    <td><input type="text" name="cantidad[]" class="cantidad"/></td>
                    <td><input type="text" name="precio[]" disabled value="5" class="precio"/>
                    <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
                </tr>
                <tr>
                    <td><span class="titulo">Producto 2</span></td>
                    <td><input type="text" name="cantidad[]" class="cantidad"/></td>
                    <td><input type="text" name="precio[]" disabled value="3" class="precio"/>
                    <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
                </tr>
                <tr>
                    <td><span class="titulo">Producto 3</span></td>
                    <td><input type="text" name="cantidad[]" class="cantidad"/></td>
                    <td><input type="text" name="precio[]" disabled value="6" class="precio"/>
                    <td><input type="text" name="subtotal[]" disabled class="subtotal"/></td>
                </tr>
            </tbody>
        </table>
 
    </body>
</html>

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