jQuery 运行总计和输出标签不起作用

jQuery Running total and output label not working...

本文关键字：输出 标签 不起作用 运行 jQuery      更新时间：2023-09-26

请在此处查看小提琴。

有两件事我似乎无法在这里完成。

*我想查看输入金额的运行总计，但它不起作用。它只显示我开始输入第三个值后的运行总计。我希望看到它在输入第一个值后开始。

var updateTotal = function () {
  var input1 = parseInt($('#earnedAid1').val());
  var input2 = parseInt($('#earnedAid2').val());
  var input3 = parseInt($('#earnedAid3').val());        
  $('#total').text(input1 + input2 + input3);
};

*其次，我正在尝试显示输出标签，但它也没有显示。 

   output_total.text(total+" in Retained Aid");

这是一个解决了输出标签的解决方案。代码也清理了一点。有逻辑从 UpdateTotal 函数复制到外部/匿名函数的其余部分。新代码注册键启动事件。然后定义用于计算总计的函数。

http://jsfiddle.net/WuMpz/3/

$('#total').text(input1 + input2 + input3+" in Retained Aid");

问题是，当输入没有值时，它们会导致NaN，当你尝试执行数学运算时。简单地说，如果没有数字，假设可以使用0：

var input1 = parseInt($('#earnedAid1').val() || 0);

演示：http://jsfiddle.net/WuMpz/1/

而且您的标签不会显示，因为在每次keyup划中，您都会将该标签替换为输入的总和。

相关文章：