使用JavaScript汇总文本框列并在文本框中显示 问题：

我必须在网格中显示金额文本框的总和，并在“账单金额”文本框中显示总额，但我得到的是0。为了更好地理解，我附上了截图

屏幕截图：

源代码： Html代码：

$（文档）.on（'keydown'，'input'，function（））{
$（'.Qty'）。打开（“输入更改”，函数（）{
var价格=0；
var合计=0；
$（'.tb3 tr'）。每个（函数（）{
var qty=$（this.find（'.qty'）.val（）；
var rate=$（this.find（'.rate'）.val（）；
var价格=数量*费率；
$（this.find（'.Value'）.val（price）；
总计=总计+价格；
});
$（'.TieTotal'）.val（toFixed（2））总数；
});
$（'.Value'）。在（函数（）上{
$（'.tb3 tr'）。每个（函数（）{}）；
$（'.TieTotal'）.val（toFixed（2））总数；
});
});

工程量清单总计：
请在javascript代码中试一试。这可能超出您的
$（文档）.ready
功能

$('body').on('blur', '.Value', UpdateTotal);

function UpdateTotal() {
    var total = 0;
    var $changeInputs = $('.Value');
    $changeInputs.each(function(idx, el) {
      total += Number($(el).val());
      });

  $('.TieTotal').val(total);
  //if the above doen't work try, but I don't know it will work since this here-> is a jQuery solution $('.TieTotal').attr("value",total); 
}

1） 您的每个输入有2个类确保访问您的“tr td输入”

2） 如果您需要对代码进行任何更改，请询问

//script
$(document).on('change', 'tr td:nth-child(6), tr td:nth-child(5), tr td:nth-child(4)', function(){
    var total = 0;
    var tr = $(this).parent();
    var qty = tr.find('td:nth-child(4)').find('input').val();
    var rate = tr.find('td:nth-child(5)').find('input').val();
    var amount = qty*rate;
    tr.find('td:nth-child(6)').find('input').val(amount);

    var tbody = tr.parent();

    $(tbody).find('tr').each(function(){
        total += Number($(this).find('td:nth-child(6)').find('input').val());          
    });

    $('.TieTotal').val(total);
})

输入类数量上没有onchange处理程序？请创建一个。您缺少很多函数定义（
doit\u onkeypress（）
，
movetoNext（）
等）。要么包含这些，要么从示例中删除它们，这样我们就可以运行它。输出结果是什么？还是0？另外，您是否打开浏览器调试器来遍历代码，以查看值是否正在读取或添加？好的，请给我一些时间，我将尝试想出一个解决方案。顺便说一句，你看过你帖子上的评论了吗？我还是得到了账单的总价值，因为0bro你有两个类在一次输入中。这就是你得到0的原因，我已经在我这端运行了你的代码，它运行得非常好。你的每一个输入都有两个“类属性”，让它成为一个这样做----如果对你有帮助，请标记为正确和有用的答案