Soma de campos

[carolina 0]

Prezados colegas,

 

Tenho um formulário com os seguintes campos:

 

Valor <input type="text" name="val[]" id="val[]" /><br/>

QTD <input type="text" name="qtd[]" id="qtd[]" />

 

<input type="button" name="adicionar" value="adicionar campos">

 

 

O botão adicionar clona os campos valor e quantidade.

 

Gostaria de saber como somar os valores desses inputs.

 

Aguardo qualquer ajuda de quem puder me ajudar.

 

Desde agraço!

[William Bruno 1501]

Você não pode repetir IDs numa mesma página, então deixe somente:

Valor <input type="text" name="val[]" /><br/>
QTD <input type="text" name="qtd[]" />

Para somar todos os campos, com name="val[]" você pode fazer um laço, com o array, que o método: getElementsByTagName te devolver.

Ou usar jQuery $("input[name='qnt[]']") que ele já vai te devolver um objeto com todos os inputs com esse name.

 

Como você tentou fazer ?

[Thiago Retondar 18]

Vai ser retornado aonde? Em outro input, num alert(), aonde?

 

Faça algo assim:

 

var add = document.getElementsByName("adicionar");
var valor = document.getElementById("val[]");
var qtd = document.getElementById("qtd[]");
add.onclick = function(){
alert(parseInt(valor.value) + parseInt(qtd.value));
};

Isso tem que ser colocado no window.onload, pois vai ter "interagir" com o usuário.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif