Question

请查看小提琴 here 。

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

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

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");

Answer 1

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

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

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

并且您的标签没有显示，因为在每个keyup笔划中，您将用您的输入总数替换该标签。

Answer 2

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

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

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

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

2 个答案: