javascript - 使用 JavaScript 添加值

Question

我正在处理一张发票，我想在其中从另一个文本字段向数量字段添加更多值。我正在尝试使用下面给出的代码计算发票中的所有行而不是特定行。
您的建议非常有值(value)。

main.js ________________________________________________________________________________

function Invoice(ID = null) {

if (ID) {

    $.ajax({
        url: 'fetch.php',
        type: 'post',
        data: {
            ID: ID
        },
        dataType: 'json',
        success: function(response) {

            response.result.forEach(function(element) {
                console.log(element);
                var item = element.item;
                var qty = element.qty;
                var price = element.price;
                var total = element.qty * element.price;

                var i = $('table tr').length;

                html = '<tr>';
                html += '<td><input type="number" id="add_' + i + '" class="add"></td>';

                html += '<td><input type="text" value="' + item + '" id="item_' + i + '"></td>';

                html += '<td><input type="number" value="' + qty + '" id="QTY_' + i + '" ></td>';

                html += '<td><input type="number" value="' + price + '" id="PRICE_' + i + '"b></td>';

                html += '<td><input type="number" value="' + total + '" id="Total_' + i + '" class="inLinePrice" ></td>';
                html += '</tr>';
                $('table').append(html);
                i++;

                calculate();


                $(document).on('change keyup blur', '.add', function() {
                    id_arr = $(this).attr('id');
                    id = id_arr.split("_");
                    add = $('#add_' + id[1]).val();
                    Qty = $('#QTY_' + id[1]).val();
                    if (add != '' && typeof(add) != "undefined") {
                        added = parseFloat(Qty) + parseFloat(add);
                        $('#QTY_' + id[1]).val(added);
                        priceAfter = $('#PRICE_' + id[1]).val();
                        $('#Total_' + id[1]).val((parseFloat(priceAfter) * parseFloat(added)).toFixed(2));
                        calculate();

                    } else {
                        $('#QTY_' + id[1]).val(qty);
                        $('#Total_' + id[1]).val((parseFloat(price) * parseFloat(qty)).toFixed(2));
                        calculate();
                    }
                });

            });

        }
    });
} else {
    alert('error');
}
}



//total calculation 
function calculate() {
    subTotal = 0;
    total = 0;
    $('.inLinePrice').each(function() {
    if ($(this).val() != '') subTotal += parseFloat($(this).val());
    });
$('#subTotal').val(subTotal.toFixed(2));

}

html file

Answer 1

只需将更改和模糊从 on('change keyup blur') 移除到 on('keyup') 并检查它。

$(document).on('keyup', '.add', function () {
id_arr = $(this).attr('id');
id = id_arr.split("_");
add = $('#add_' + id[1]).val();
qty = $('#QTY_' + id[1]).val();
if (add != '' && typeof (add) != "undefined") {
  $('#add_' + id[1]).val('');
  added = parseFloat(qty) + parseFloat(add);
  $('#QTY_' + id[1]).val(added);
  priceAfter = $('#PRICE_' + id[1]).val();
  $('#Total_' + id[1]).val((parseFloat(priceAfter) * parseFloat(added)).toFixed(2));
  calculate();

} else {
  $('#QTY_' + id[1]).val(qty);
  $('#Total_' + id[1]).val((parseFloat(price) * parseFloat(qty)).toFixed(2));
  calculate();
}
});

});