Em meu sistema, gero dinamicamente colunas com datas a base de um parâmetro recebido, construindo uma tabela onde em X tenho produtos e Y tenho a quantidade que vem em cada embalagem, relação de datas no th
com inputs para digitar quantos o cliente gostaria de receber em cada data, e o total.
O problema é que quando digito a quantidade, ela acumula, ignora se caso eu apagar o valor de um input e digitar outro, ou seja, se eu tinha os valores 2, 3 e 5 em cada input, totalizando 10, se eu apagar o valor 3 e escrever 1 ele totaliza 11.
Meu script abaixo:
var Meses = [];
var IDs = [];
IDs = pID.split(",");
var IDAtual = 0;
Meses.push(mesInicial + "/" + Ano);
while (CountMes < 5 && Diferenca > CountMes) {
CountMes++;
mesInicial++;
if (mesInicial > 12) {
mesInicial = mesInicial - 12;
if (Ano < Ano + 1) {
Ano++;
}
}
Meses.push(mesInicial + "/" + Ano);
}
for (var i = 0, l = Meses.length; i < l; i++) {
$('#NovoCompromisso').find('tr:first').each(function () {
$(this).append("<th class='text-center'>" + Meses[i] + "</th>");
});
if ((l - 1) == i) {
IDAtual = 0;
}
$('#NovoCompromisso').find('tr:not(:first)').each(function () {
$(this).append("<td ><input type='number' class='qtdItem' data-id='" + IDs[IDAtual] + "' /></td>");
IDAtual++;
});
}
$('#NovoCompromisso').find('tr:first').each(function () {
$(this).append("<th class='text-center'>Total</th>");
});
$('#NovoCompromisso').find('tr:not(:first)').each(function () {
$(this).append("<td><input type='number' class='totalQTD' disabled='disabled' value='0' /></td>");
});
Abaixo está a parte mais importante, onde faço a soma
var sum = 0;
$('input').on("keyup", function () {
for (var i = 0, l = IDs.length; i < l; i++) {
if ($(this).attr('data-id') == IDs[i]) {
if ($(this).val() != "") {
sum += parseFloat($(this).val());
}
var Total = $(this).parent().parent().find('.totalQTD').val(sum);
}
}
});
sum
nunca é resetada para zero quando você apaga todo o conteúdo do input. Você poderia colocar esta var sum = 0 dentro do$('input').on("keyup", function () {
e acredito que já deva resolver o seu problema, porém existe formas mais eficientes de fazer o mesmo.$('input').on("keyup", function () {
você apenas faz a chamada desta função.