Problema para sumar en arreglos

juancenter · #1 (**permalink**) 06/05/2012, 18:42

Hola como están, hace unos pocos días vi aquí en el foro un código que dejó un usuario, lo copié, pegué, y funciona bien...

Por otro lado tengo un formulario con 6 filas de campos... cada fila tiene 5 campos de los cuales dos se suman y uno pone el total de la suma...

¿Por que copié el código? para no dejar 6 filas, ya que uno nunca sabe si se van a necesitar mas o menos filas... asi que reemplacé mis filas por ese código que es para añadir filas dinamicamente...

El problema que se me presentó fué que antes para sumar tenía un codigo en javascript que me permitía hacerlo facilmente ya que le asignaba el nombre del campo y listo....

Ahora los campos se llaman campo[] y al cambiar el código del javascript no me funciona...

Ahora les dejo los dos códigos para ver si me pueden ayudar a que el código para realizar las sumas funcione con el añadir filas...

código original....

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" />
 
<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" /><label>precio</label><input type="text" name="precio[]" size="8" /><label>total</label><input type="text" name="total[]" size="8" /> </li>'); 
} 
</script>
 
</head>
<body>
 
 
<form name="frm_multiple" method="post" action="procesar.php">
    <ul id="emails">
        <li><a href="javascript:agregar();">Agregar</a><br />
        <label>cantidad</label><input type="text" size="6" name="cantidad[]"/>
        <label>precio</label><input type="text" size="8" name="precio[]" />
        <label>total</label><input type="text" size="8" name="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>

y el código con el que sumaba.... funciona bien con campos fijos..

Código Javascript:

Ver original<script type="text/javascript">
//Multiplico cantidad por valor y pongo el total en subtotal
function Multiplicar(){
      interval = setInterval("calculo()",1);
}
function calculo(){
      sum1 = document.frm_multiple.cantidad1.value;
      sum2 = document.frm_multiple.precio1.value; 
      document.frm_multiple.total1.value = (sum1 * 1) + (sum2 * 1);
 
      sum3 = document.frm_multiple.cantidad2.value;
      sum4 = document.frm_multiple.precio2.value; 
      document.frm_multiple.total2.value = (sum3 * 1) + (sum4 * 1);
}
function NoMultiplicar(){
      clearInterval(interval);
}
</script>

Yo pensba que debía hacer esto pero no me funcionó...

Código Javascript:

Ver originalfunction calculo(){
      sum1 = document.frm_multiple.cantidad[].value;
      sum2 = document.frm_multiple.precio[].value; 
      document.frm_multiple.total[].value = (sum1 * 1) + (sum2 * 1);
}

Por cualquier ayuda, gracias!!

juancenter · #2 (**permalink**) 07/05/2012, 11:15

Uyyyy amigos, alguien que me ayude por favor... perdonenme, es que no lo he podido solucionar... gracias.

Dafonz · #3 (**permalink**) 07/05/2012, 11:46

Podrías explicar mejor que es lo que hacen tus funciones, porque veo que usas JQuery en unas cosas y en otras no y creo que te la estas complicando de mas... lo que no entiendo es porque lo multiplicas por 1 ¿eso cambiara? y cuando quieres que se efectué el calculo ¿cuando pase que?

johnparradog · #4 (**permalink**) 07/05/2012, 12:02

debes aclarar bien como se estan ejecutando esas funciones porque en ninguna parte las llamas, ademas no entiendo que es lo que hace el codigo

juancenter · #5 (**permalink**) 08/05/2012, 00:15

Jejeje... bueno, muchas gracias por el interés en ayudarme... mil gracias...

Bueno les explico, con el primer código que está arriba, lo que hago es añadir campos en un formulario....

el segundo código es para sumar o realizar operaciones en campos de formulario, me ha funcionado muy bien en formularios que llevan una cantidad de campos definidos....

LO que quisiera hacer sería poder sumar un campo (INPUT) con otro y poner el resultado en un tercer campo... luego, al añadir una nueva fila y hacer lo mismo....

Les aclaro que el segundo código, no tiene nada que ver con el primero y eso es lo que les pido, que me ayuden de hacerlos funcionar en conjunto, o si es mejor y si saben la forma de hacerlo que me enseñen o iluminen para poder hacer operaciones en cada fila que se añada con el primer código...

espero que ahora si se entienda... quizá me estoy enredando.. si es asi y aún no se entiende díganmelo por favor.

gracias gracias gracias.

America|UNK · #6 (**permalink**) 08/05/2012, 07:34

Hola, hace un tiempo un usuario tenía un tema parecido, te paso el link:

http://www.forosdelweb.com/f13/sumar-arrays-949240/