tenho uma tabela com algumas colunas para digitação de valores e preciso somar o total desses valores numa coluna final.
A soma está facil de fazer, no entanto a tabela e dinamica e são gerados varias linhas, e quando tento somar novamente as colunas na nova linha, estou somando também o resultado das linhas anteriores.
Acredito que devo ter que definir a minha chamada em javascript como default para a nova linha de calculo mas nao to sabendo fazer vejam o exemplo
Reparem que na primeira coluna o total soma corretamente, na segunda ele soma certo tbm, mas acrescenta o valor junto com o resultado do campo anterior.
O codigo PHP esta assim:
<?php for ($cont = 1; $cont <= $quantidadeRegistros; $cont++): ?>
<tr>
<?php for ($i = 1; $i < 5; $i++): ?>
<td><input class='form-control calcular' type='text' name='quantidade[]' onkeyup='calcular(<?php echo $cont ?>)' </td>
<?php endfor; ?>
<td>
<input class='form-control' type='text' name='total[]' id='result-<?php echo $cont ?>' readonly />
</td>
</tr>
<?php endfor; ?>
E o javascript assim:
$(document).ready(function () {
function calcular(id) {
var campo = 'result-'.concat(id);
var soma = $('.calcular').get().reduce(function (soma, el) {
return (parseInt(el.value, 10) || 0) + soma;
}, 0);
document.getElementById(campo).value = soma;
}
});
Acho que se definir que a cada linha a soma deve ser começada do zero eu resolvo o problema, mas nao identifiquei como fazer isso