Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

juninhogpe

Soma de campos input

Recommended Posts

Boa tarde pessoal.

 

Gostaria de uma ajuda om uma dúvida de soma de valores em um campo input.

 

Tenho 3 campos do tipo texto onde coloco quantidade e no final da minha página tenho um campo texto também que seria a soma do que eu digitar nesses 3 campos acima.

 

Por exemplo coloco a quantidade 3 no primeiro campo e 5 no segundo gostaria que já fosse somando no campo total.

 

Mais não entendi como fazer isso ainda.

 

Como poderia chegar a esse resultado?

 

Se alguém puder me ajudar agradeço.

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

voce pode colocar um id em cada um dos campos em questao, depois pegar os elementos atravéz deste id e atrelar um evento onkeypress(por exemplo), e neste evento pegar o valor dos campos a e b e soma-los no campo c

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pessoal, bom dia.

 

Me desculpem pela ignorância mais ainda não entendi.

 

Tenho o seguinte código:

 

<form action="#" name="soma" method="post" enctype="multipart/form-data">


Valor 1: <input type="text" value="" name="valor1" />
<br />
Valor 2: <input type="text" value="" name="valor2" />
<br /><br />
Soma: <input type="text" value="" name="soma" />

</form>

Como alteraria o mesmo então para chegar nesse resultado?

 

Não entendi.

 

Obrigado pela ajuda até o momento.

Compartilhar este post


Link para o post
Compartilhar em outros sites

KhaosDoctor, boa tarde.


Essa parte que não entendi, coloco um id tipo:

 

<input type="text" id="numero1" name="numero1" />

<input type="text" id="numero2" name="numero2" />

Até ai tudo bem.

 

Para somar em javascript faria assim:

 

function soma(){
      form.soma.value = (form.numero1.value) + (form.numero2.value);
}

Seria isso?

 

Mais não entendi como ir somando automático no campo soma.

 

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites


var i = function (id) { return document.getElementById(id); }

 

var soma = function (e){

i("soma").value = parseFloat(i("numero1").value || 0) + parseFloat(i("numero2").value || 0);

}

 

i("numero1").addEventListener("keyup",soma,false);

i("numero2").addEventListener("keyup",soma,false);

Compartilhar este post


Link para o post
Compartilhar em outros sites

Nossa como estão complicando a resposta...

 

 

$(document).ready(function(){



$("#numero1, #numero2, #numero3").keypress(function(){



var soma = $("#numero1").val() + $("#numero2").val() +  $("#numero3").val()...;


$("#iddadivderesultado").val(soma);


});


});

Você vai precisar do jquery para fazer isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.