Javascript 在jquery中从表输入中获取总计作为总计

我有一个表格，可以自动进行2次计算：

从带有日历的两个输入日期字段中选择开始日期和结束日期后的天数计算，结果存储为字段（天）

将3个字段（马*天*价格）相乘，结果存储在字段（总计）中。 有一个按钮，当我们点击它时，会添加一个新行

如何计算总天数的和总天数的总计，以便在表格下方的一行中显示结果？ 我希望掌握post中的输入值，以便使用php将它们存储在表中

1-表格

 <table class='table'>
<tr>
  <th class='th'>Nbr/horses</th>
  <th class='th'>dateStart</th>
  <th class='th'>dateEnd</th>
  <th class='th'>Nbr/days</th>
  <th class='th'>Price</th>
  <th class='th'>Total</th>
</tr>
<tr>
  <td class='td'><input type='number' min='1' name='horse' class='horse'/></td>
  <td class='td'><input type='date' name='dateStart' class='datepicker dateStart'/></td>
  <td class='td'><input type='date' name='dateEnd' class='datepicker dateEnd'/></td>
  <td class='td days'><input type='text' name='days'/>0</td>
  <td class='td'><input type='number' min='1' name='price' class='price'/></td>
  <td class='td total'> <input type='text' name='total1'/></td>
  <td class='td'><button type='button' class='button'>+</button></td>
</tr>

})

总共

var sum = 0;
$(".total").each(function(index,value){
sum = sum + parseFloat($(this).find('input[name="total1"]').val());
});
//Sum in sum variable 
console.log(sum);

用同样的方法涂上几天

工作小提琴：

总计

var sum = 0;
$(".total").each(function(index,value){
sum = sum + parseFloat($(this).find('input[name="total1"]').val());
});
//Sum in sum variable 
console.log(sum);

用同样的方法涂上几天

---

工作小提琴：

我多么努力地让你的例子工作，我失败了。也许如果你把它放在一个小提琴它会帮助我更多…当然，我会添加一个链接，一旦我做了添加，请检查它谢谢你的答复，但我们总是有一行显示，只有点击可以显示其他行。总金额必须自动显示在字段中，无需单击“提交”按钮即可获得总金额…感谢您的时间。您不能实现相同的功能，但在该按钮上单击并动态添加行吗？我多么努力地使您的示例工作，我失败了。也许如果你把它放在一个小提琴它会帮助我更多…当然，我会添加一个链接，一旦我做了添加，请检查它谢谢你的答复，但我们总是有一行显示，只有点击可以显示其他行。总金额必须自动显示在字段中，无需单击“提交”按钮即可获得总金额…感谢您的时间。您不能实现相同的功能，但在该按钮上单击并动态添加行吗？

var sum = 0;
$(".total").each(function(index,value){
sum = sum + parseFloat($(this).find('input[name="total1"]').val());
});
//Sum in sum variable 
console.log(sum);