Estou com problemas em entender como funciona o cálculo de inputs com Jquey.
Vou mostrar o seguinte exemplo:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="text" name="campo_1" class="campo_1">
<input type="text" name="campo_2" class="campo_2">
<input type="text" name="res_1" class="res_1">
<!-- Resultado de campo_1 * campo_2 -->
<input type="text" name="campo_3" class="campo_3">
<input type="text" name="campo_4" class="campo_4">
<input type="text" name="res_2" class="res2">
<!-- Resultado de campo_3 * campo_4 -->
<input type="text" name="res_3" class="res3">
<!-- Resultado de campo_1 + campo_2 + campo_3 + campo_4 -->
</body>
</html>
Eu não sei, não faço ideia de como fazer que quando se coloque valores nos campos, se obtenha o resultado.
Já fiz adaptações em outros projetos do tipo:
<script type="text/javascript">
function updateTotal_836() {
var total_836 = 0;
var list_836 = document.getElementsByClassName("input[836]");
var values = [];
for(var i = 0; i < list_836.length; ++i) {
values.push(parseFloat(list_836[i].value));
}
total_836 = values.reduce(function(previousValue, currentValue, index, array){
return previousValue * currentValue;
});
if(isNaN(parseFloat(total_836))){
document.getElementById("valor_total[836]").value = 0;
}else{
document.getElementById("valor_total[836]").value = total_836;
}
}
</script>
Mas não entendi nem como começa e mais ou menos como termina. Estou me aprofundando em Jquery, mas admito que dessa preciso de ajuda.
Obrigado.
Deu certo, mas surgiu um problema.
Fiz esse cálculo:
$('input[name="rec_vista"]').change(function(e) {
if (!$('input[name="rec_vista"]').val()) {
$('input[name="rec_vista"]').val(0);
}
var rec_vista = parseFloat($('input[name="rec_vista"]').val());
a_vista = rec_vista + 10;
$('input[name="a_vista"]').val(a_vista);
});
Se eu colocar 1.000.000 no input, ao invés de calcular 1.010.00, ele calcula 11.
Eu coloquei, tirei parênteses, mas nada de melhorar essa soma maluca.
Se pela última vez alguém puder me dar uma luz, eu agradeço.