如何总结Jquery输出

我创建了几行并乘以一些数据来获得总数:

电流输出

但我不知道如何总结所有总数并将其打印在“Cash in Hand”行中。

以下是我的代码:

 $(document).ready(function() { $('.row1').keyup(function(ev){ var row1c = $(this).val() * 1000; $('.row1c').html((row1c).toFixed(2)); }); });   $(document).ready(function() { $('.row2').keyup(function(ev){ var row2c = $(this).val() * 500; $('.row2c').html((row2c).toFixed(2)); }); });   $(document).ready(function() { $('.row3').keyup(function(ev){ var row3c = $(this).val() * 100; $('.row3c').html((row3c).toFixed(2)); }); });   $(document).ready(function() { $('.row4').keyup(function(ev){ var row4c = $(this).val() * 50; $('.row4c').html((row4c).toFixed(2)); }); });   $(document).ready(function() { $('.row5').keyup(function(ev){ var row5c = (row1c+row2c+row3c+row4c); $('.row5c').html((row5c).toFixed(2)); }); });  
 

Cash Position as on......

Note Quantity Total
1000 Tk Note 0.00
500 Tk Note 0.00
100 Tk Note 0.00
50 Tk Note 0.00
Cash In Hand (Sum of All Totals) 0.00

所有代码在这里:

https://jsfiddle.net/rashelmiah/fb9opo36/1/

你能不能让我找到一种方法来总结所有的总数? 提前致谢。

您需要添加以下代码。

 $('input[type=text]').keyup(function(){ var total = 0; $('input[type=text]').each(function(){ total += Number($(this).parent().next().find('span').text()); }) $('.row5c').text(total); }) 

注意:您的代码有很多标记,这是不必要的。 还有很多ready()函数,这也是不必要的。 您可以将整个代码包装在一个标记和一个ready()函数中。

演示:

 $(document).ready(function() { $('.row1').keyup(function(ev){ var row1c = $(this).val() * 1000; $('.row1c').html((row1c).toFixed(2)); }); $('.row2').keyup(function(ev){ var row2c = $(this).val() * 500; $('.row2c').html((row2c).toFixed(2)); }); $('.row3').keyup(function(ev){ var row3c = $(this).val() * 100; $('.row3c').html((row3c).toFixed(2)); }); $('.row4').keyup(function(ev){ var row4c = $(this).val() * 50; $('.row4c').html((row4c).toFixed(2)); }); $('.row5').keyup(function(ev){ var row5c = (row1c+row2c+row3c+row4c); $('.row5c').html((row5c).toFixed(2)); }); $('input[type=text]').keyup(function(){ var total = 0; $('input[type=text]').each(function(){ total += Number($(this).parent().next().find('span').text()); }) $('.row5c').text(total.toFixed(2)); }) }); 
  

Cash Position as on......

Note Quantity Total
1000 Tk Note 0.00
500 Tk Note 0.00
100 Tk Note 0.00
50 Tk Note 0.00
Cash In Hand (Sum of All Totals) 0.00