Javascript 如何计算动态添加的行输入的总值

我想动态添加行（一行有3列），我想计算2列，总和将显示在左列。当我添加多行时，每列计算将以不同方式显示，总和将显示，如

4*2=8`
4*3=12
Total=20

HTML代码

//添加行
var x=1；
$（“#添加按钮”）。单击（函数（e）{
e、 预防默认值（）；
if（x<10）{
x++；
$（'#addRow'）。追加（''）；
}否则{
警报（“仅分配了10行”）；
}
});
//删除行
$（'#addRow'）。在（“单击”、“#删除_字段”上，函数（e）{
e、 预防默认值（）；
$（this.parent（'div'）.remove（）；
x--；
});
//计算部分
/*----计算组--*/
$（'.com_quantity'）.keyup（函数（）{
变量数量=$（this.val（）；
var com_per=$（'.com_per'）.val（）；
佣金（数量，单位，0）；
});
$（'.com_per'）.keyup（函数（）{
var com_per=$（this.val（）；
变量数量=$（'.com_quantity'）.val（）；
佣金（数量，单位，0）；
})
功能佣金（数量、单位成本、总成本）{
var数量=数量；
var com_per=com_per；
var total_com=total_com；
总数=数量*每件商品的数量；
}

---

根据您提供的信息以及我所能理解的，这就是我的想法

希望这就是你需要的

//添加行
var x=1；
$（'addButton'）。在（'click'，函数（e）上{
e、 预防默认值（）；
if（x<10）{
x++；
$（'#addRow'）。追加（''）；
}
否则{
警报（“仅分配了10行”）；
}	
});
//删除行
$（'#addRow'）。在（“单击”、“#删除_字段”上，函数（e）{
e、 预防默认值（）；
$（this.parent（'div'）.remove（）；
x--；
//删除行后，重新计算佣金总额
sumTotalCommissions（）；
});
$（'#addRow'）。on（'input'，'.com_quantity'，function（）{
变量数量=$（this.val（）；
var com_per=$（this）.sibbines（'.com_per'）.val（）| 0；
var佣金=数量*每件商品；
if（佣金）{
$（this.sibbines（'.com_total'）.val（佣金）；
sumTotalCommissions（）；
}
});
$（'#addRow'）。on（'输入'，'.com_per'，函数（）{
变量数量=$（this.val（）；
var com_per=$（this）.sibbines（'.com_quantity'）.val（）| 0；
var佣金=数量*每件商品；
if（佣金）{
$（this.sibbines（'.com_total'）.val（佣金）；
sumTotalCommissions（）；
}
});
var sumTotalCommissions=函数（）{
var总佣金=0；
$（'#addRow.com_total'）。每个（函数（索引，com_total）{
佣金总额+=parseInt（$（com_total）.val（））；
});
$（'totalCommissions'）.html（总佣金）；
}

佣金总额：

谢谢您的帮助，但我想知道如何计算总数commission@Md.AzharulIslam您是否有其他列显示佣金总额？我希望佣金总额将显示总行的底部它将取决于行的增加或减少。差不多28@Md.AzharulIslam我更新了我的答案，运行代码段以查看更新。如果我使用引导网格系统（如“col-sm-4”）进入“行”，则“兄弟姐妹（）”函数将不起作用，我可以做什么。我已更改了我的HTML代码@chebaby