Olá
Preciso fazer um sistema que atualize o preço total conforme os itens vão sendo selecionados, porém não entendo muito de Javascript, então travei na seguinte parte: (HTML)
<input type="checkbox" name="porcoes[]" value="Tilápia" id="porcoes[]" onblur="calcular();">
<input type="number" name="porcoesQnt[]" style="width: 40px; text-align: center;" value="1" id="porcoesQnt[]" onblur="calcular();">
<label for="tilapia">Tilápia</label>
<input type="number" name="porcoesVlr[]" id="porcoesVlr[]" style="text-align: center; border: none; background-color: white;" value="1.99" onblur="calcular();" readonly><br>
<input type="checkbox" name="porcoes[]" value="Camarão empanado" id="porcoes[]" onblur="calcular();">
<input type="number" name="porcoesQnt[]" style="width: 40px; text-align: center;" value="1" id="porcoesQnt[]" onblur="calcular();">
<label for="cam">Camarão empanado</label><br>
<input type="number" name="porcoesVlr[]" id="porcoesVlr[]" style="text-align: center; border: none; background-color: white;" value="1.99" onblur="calcular();" readonly><br>
<input type="checkbox" name="porcoes[]" value="Contrafilé" id="porcoes[]" onblur="calcular();">
<input type="number" name="porcoesQnt[]" style="width: 40px; text-align: center;" value="1" id="porcoesQnt[]" onblur="calcular();">>
<label for="con">Contrafilé</label><br>
<input type="number" name="porcoesVlr[]" id="porcoesVlr[]" style="text-align: center; border: none; background-color: white;" value="1.99" onblur="calcular();" readonly><br>
[...]
<div id="resultado"> </div>
(JavaScript)
function calcular() {
var i = 0;
var porcoes = document.getElementById('porcoes');
var porcoesQnt = document.getElementById('porcoesQnt');
var porcoesVlr = document.getElementById('porcoesVlr');
var total = 0;
if(porcoes != null){
for (i = 0; i < porcoes.length; i++) {
if(porcoes[i] != null){
total = total + (parseInt(porcoesVlr[i].value, 10) * parseInt(porcoesQnt[i].value, 10));
}
}
}
document.getElementById('resultado').innerHTML = total;
}
Já tentei de tudo que pensei mas nada resolve faz com que apareça atualizado.