Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá , to com uma duvida aqui eu tentei usar keypress para mostrar em tempo real o calculo de varios inputs porem não sei se eu digitei alguma coisa errada o calculo sai todo errado ...
$(function(){
var input1 = $('.in1').val();
var input2 = $('.in2').val();
var soma = Number(input1) + Number(input2)
soma.keypress(function(){
$('.res').html(soma);
})
})
<input type="text" class="in1">
<input type="text" class="in2">
<div class="res"></div>ele retorna undefined esses $ ta certo nas variaveis ?
--
a var in1 estava faltando ponto da classe,mas agora ele não soma ele parece que junta e ingnora o ultimo do ultimo input
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/i5gZZeA.png&key=42f62dff8f4c88a1663e7dce60dace415fa360ad1066fa7e1ff3dbe4e0e49451" alt="i5gZZeA.png" />
faz assim:
$in1.keypress(function(){
$res.html( parseFloat($in1.val()) + parseFloat($in2.val()) );
});
$in2.keypress(function(){
$res.html( parseFloat($in1.val()) + parseFloat($in2.val()) );
});>
faz assim:
$in1.keypress(function(){
$res.html( parseFloat($in1.val()) + parseFloat($in2.val()) );
});
$in2.keypress(function(){
$res.html( parseFloat($in1.val()) + parseFloat($in2.val()) );
});não rolou bruno rsrs to usando ajax mesmo ... ai chego outro go horse o codigo atual lá é bug só ... ele nao me ler o form bagunça total vlw ajuda
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<input type="text" class="in1">
<input type="text" class="in2">
<div class="res"></div>
</body>
<script>
(function(){
function ref(f){
document.querySelector("div.res").innerHTML = f;
}
var n1 = document.querySelector(".in1"),
n2 = document.querySelector(".in2");
n1.addEventListener("keyup",function(){
ref(
(parseFloat(this.value) + parseFloat(n2.value || 0) || 0).toFixed(2)
)
},false);
n2.addEventListener("keyup",function(){
ref(
(parseFloat(this.value) + parseFloat(n1.value || 0) || 0).toFixed(2)
)
},false);
}());
</script>
</html>
o keypress vc tem q fazer em cima do input, e ler o valor dele cada vez q pressionar a tecla.