Javascript 我的DataGrid的JQuery数学操作

我有以下数据网格：

$（'.dateP'）.datetimepicker（）；
$（'.dupli'）。打开（'click'，函数（e）{
var dup=$（'.cpy'）.first（）.clone（）；
$（'.table'）.append（dup）；
$（'.dateP'）.datetimepicker（）；
});

每公里价格：0,36

公里数：
日期：
+
总费用：（行值总和）
看看我为你做的这把小提琴：

我在公里输入中添加了一个类。在所有公里字段上使用foreach，将总和相加并写入跨度


$（'.dateP'）.datetimepicker（）；
$（'.dupli'）。打开（'click'，函数（e）{
var dup=$（'.cpy'）.first（）.clone（）；
$（'.table'）.append（dup）；
$（'.dateP'）.datetimepicker（）；
});
$（'.km'）.change（函数（）{
var合计=0；
$（'.km'）。每个（功能（索引，obj）{
总计+=$（obj）.val（）*0.36；
});
$（'.total'）.html（总计）；
});

每公里价格：0,36

公里数：
日期：
+
费用总额：
看看我为你做的小提琴：

我在公里输入中添加了一个类。在所有公里字段上使用foreach，将总和相加并写入跨度


$（'.dateP'）.datetimepicker（）；
$（'.dupli'）。打开（'click'，函数（e）{
var dup=$（'.cpy'）.first（）.clone（）；
$（'.table'）.append（dup）；
$（'.dateP'）.datetimepicker（）；
});
$（'.km'）.change（函数（）{
var合计=0；
$（'.km'）。每个（功能（索引，obj）{
总计+=$（obj）.val（）*0.36；
});
$（'.total'）.html（总计）；
});

每公里价格：0,36

公里数：
日期：
+
费用总额：
我为您做了更新，看看是否适合您的需要

干杯

更新：雨果，你要求很高。。我几乎在这里开发了完整的web应用程序，而你甚至没有给我买一个啤酒男：）


var frmt={format:'DD/MM/YYYY'，viewMode:'days'}；
$（'.dateP'）.datetimepicker（frmt）；
//复制该行
$（'.dupli'）。打开（'click'，函数（e）{
if（$（'.cpy'）.last（）.find（'input'）.first（）.val（）！='
&&$（'.cpy'）.last（）.find（'input'）.last（）.val（）！=''{
var dup=$（'.cpy'）.first（）.clone（）；
$（'.table'）.append（dup）；
$（'.dateP'）.datetimepicker（frmt）；
calc（）；//在创建新行时执行计算
}
});
//删除该行
$（文档）.on（'click'，'remove'，函数（el）{
如果（$（'.cpy'）。长度>1）{
$（this.parent（）.parent（）.remove（）；calc（）；
}
});
//计算函数
函数计算（）{
var kp=$（'.price'）.val（）；//价格
var总和=0；
$（'.km'）。每个（功能（ix）{
sum+=$（this）.val（）*kp；
});
$（'.fin'）.val（总和）；
}
//输入时，更新总数
$（文档）.on（'change input'，'.km'，calc）；
美元（'price'）。在（'change input'，calc）上
。删除{
光标：指针；
}

每公里价格：
公里数：
日期：
+
总费用：
我为您做了更新，看看是否适合您的需要

干杯

更新：雨果，你要求很高。。我几乎在这里开发了完整的web应用程序，而你甚至没有给我买一个啤酒男：）


var frmt={format:'DD/MM/YYYY'，viewMode:'days'}；
$（'.dateP'）.datetimepicker（frmt）；
//复制该行
$（'.dupli'）。打开（'click'，函数（e）{
if（$（'.cpy'）.last（）.find（'input'）.first（）.val（）！='
&&$（'.cpy'）.last（）.find（'input'）.last（）.val（）！=''{
var dup=$（'.cpy'）.first（）.clone（）；
$（'.table'）.append（dup）；
$（'.dateP'）.datetimepicker（frmt）；
calc（）；//在创建新行时执行计算
}
});
//删除该行
$（文档）.on（'click'，'remove'，函数（el）{
如果（$（'.cpy'）。长度>1）{
$（this.parent（）.parent（）.remove（）；calc（）；
}
});
//计算函数
函数计算（）{
var kp=$（'.price'）.val（）；//价格
var总和=0；
$（'.km'）。每个（功能（ix）{
sum+=$（this）.val（）*kp；
});
$（'.fin'）.val（总和）；
}
//输入时，更新总数
$（文档）.on（'change input'，'.km'，calc）；
美元（'price'）。在（'change input'，calc）上
。删除{
光标：指针；
}

每公里价格：
公里数：
日期：
+
总费用：
您是否可以添加一种删除行的方法？在每行中添加一列，并使用某种垃圾按钮。当你点击该按钮时，该行被删除，总数也被更新。我添加了那个垃圾按钮，看一看，非常感谢！！很好！我能再问你一件事吗？所有字段都必须是必填字段。在这种情况下，如果前一行没有正确填充，则不可能创建另一行。这里是@hugofigueira。您可以添加一种方法来删除行吗？在每一行中添加一列，并使用某种垃圾按钮。当你点击该按钮时，该行被删除，总数也被更新。我添加了那个垃圾按钮，看一看，非常感谢！！很好！我能再问你一件事吗？所有字段都必须是必填字段。在这种情况下，如果前一行没有正确填充，则不可能创建另一行。这里是@HugoFigue