Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom pessoal gostaria de tirar uma duvida e de saber
como fazer.
Bom eu tenho 3 inputs que recebem valores em reais.
gostaria que ao digitar o valor no input em baixo fosse informando o total (a soma de cada input)
antes de enviar para o banco de dados.
Agradeço a toda ajuda que vier.
Abração
>
Isso se resolve com javascript, poste o código para que fique mais fácil ajudar.
Bom como eu comentei anterior mente, eu não tenho a minima noção de como fazer
só tenho os inputs prontos
<tr>
<td>
<input type="text" name="valor1" />
</td>
</tr>
<tr>
<td>
<input type="text" name="valor2" />
</td>
</tr>
<tr>
<td>
<input type="text" name="valor3" />
</td>
</tr>A div "alvo" é onde recebe o valor total da soma. Acho que irá ajudar.
<script>
function atualizarValores() {
var n1 = parseFloat(document.getElementById('n1').value);
n1 = ( !n1 ? 0: n1 );
var n2 = parseFloat(document.getElementById('n2').value);
n2 = ( !n2 ? 0: n2 );
var n3 = parseFloat(document.getElementById('n3').value);
n3 = ( !n3 ? 0: n3 );
var soma = new Number( n1 + n2 + n3 ).toFixed(2);
document.getElementById('alvo').innerHTML = soma;
}
</script>
<table>
<tr>
<td>
<input type="text" onkeyup="atualizarValores();" id="n1" name="valor1" />
</td>
</tr>
<tr>
<td>
<input type="text" onkeyup="atualizarValores();" id="n2" name="valor2" />
</td>
</tr>
<tr>
<td>
<input type="text" onkeyup="atualizarValores();" id="n3" name="valor3" />
</td>
</tr>
</table>
<div id="alvo"></div>>
A div "alvo" é onde recebe o valor total da soma. Acho que irá ajudar.
<script>
function atualizarValores() {
var n1 = parseFloat(document.getElementById('n1').value);
n1 = ( !n1 ? 0: n1 );
var n2 = parseFloat(document.getElementById('n2').value);
n2 = ( !n2 ? 0: n2 );
var n3 = parseFloat(document.getElementById('n3').value);
n3 = ( !n3 ? 0: n3 );
var soma = new Number( n1 + n2 + n3 ).toFixed(2);
document.getElementById('alvo').innerHTML = soma;
}
</script>
<table>
<tr>
<td>
<input type="text" onkeyup="atualizarValores();" id="n1" name="valor1" />
</td>
</tr>
<tr>
<td>
<input type="text" onkeyup="atualizarValores();" id="n2" name="valor2" />
</td>
</tr>
<tr>
<td>
<input type="text" onkeyup="atualizarValores();" id="n3" name="valor3" />
</td>
</tr>
</table>
<div id="alvo"></div>Pô valeu era isso mesmo,
agora tenho que descobiri com realizar essa operação em um array.
Isso se resolve com javascript, poste o código para que fique mais fácil ajudar.