Foros del Web - Ver Mensaje Individual - multiplicar campos por fila y poner totales en resultado final

neveuster · #1 (**permalink**) 02/05/2012, 02:16

Hola... estoy tratando de poder multiplicar cantidad x precio = total y ya que el formulario añade nuevas filas de estos campos, entonces quisiera sumar todos los totales y ponerlos en resultado.

Quisiera que los valores vayan cambiando en tiempo real y hasta el momento he probado con onkeyup y ha funcionado pero lo que no logro es hacer lo que pido arriba, ya que lo que si he logrado es multiplicar todos los campos cantidad y precio y ponerla en resultado final... y no en su total...

les pido mucho su ayuda... gracias desde ya.

Aquí tengo el código para añadir campos...

Código HTML:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery Agregar campos</title>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
 
 
 
<!-- inserta filas de campos en detalle -->
<script type="text/javascript"> 
emails=0; 
function agregar() { 
    emails=emails+1; 
    $("#campos").append('<li class="email'+emails+'"><label>cantidad</label><input type="text" name="cantidad[]" size="6"  value="0" onkeyup="sumar(this);"/><label>precio</label><input type="text" name="precio[]" size="8" value="0" onkeyup="sumar(this);" /><label>total</label><input type="text" name="total[]" size="8" /> </li>'); 
} 
</script>
<!-- fin inserta filas -->
 
 
</head>
<body>
 
 
<form name="frm_multiple" method="post" action="procesar.php">
<!-- FACTURA -->
    <label>fecha</label><input type="text" size="20" name="fecha_factura" />
    <label>rut</label><input type="text" size="20" name="rut" />
<!-- DESTALLE -->
    <ul id="emails">
        <li><a href="javascript:agregar();">Agregar</a><br />
        <label>cantidad</label><input type="text" size="6" name="cantidad[]" value="0" onkeyup="sumar(this);" />
        <label>precio</label><input type="text" size="8" name="precio[]" value="0" onkeyup="sumar(this);" />
        <label>total</label><input type="text" size="8" name="total[]" id="total" />
        </li>
        <li id="campos"><!-- aqui se crean los CAMPOS --></li>
    </ul>
    
    <p align="center"><input type="submit" name="Send" value="Send" /></p>
    </form>
 
</body>
</html>