Soma de campos input

[juninhogpe 15]

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.

 

 

[paulojuchem 20]

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

[juninhogpe 15]

Paulo, uma dúvida o evento onkeypress é quando eu saio do campo por exemplo com um tab?

[paulojuchem 20]

é quando voce aperta qualquer botao quando o input em questao esta selecionado

[KhaosDoctor 242]

Usa o Blur() ao invés do keypress, porque ai você vai salvar os valores quando o input perder o foco e não quando se alterar.

[juninhogpe 15]

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.

[KhaosDoctor 242]

Põe um ID para cada campo e soma tudo com javascript.

[juninhogpe 15]

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.

[Evandro Oliveira 331]

form.numero1.onkeypress = soma;

form.numero2.onkeypress = soma;

[cristianoolv 93]

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);

[KhaosDoctor 242]

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.

[Evandro Oliveira 331]

Nossa como estão complicando a resposta...

[...]

Você vai precisar do jquery para fazer isso.

Sério?