Javascript 如何添加一些动态字段并使用它们获得一些数学结果？

我使用的是SpringMVC，我有一个带有动态字段的表单

我可以在表单中创建几行，每行有4个输入，如下所示

当我在第二个和第三个输入字段中插入一个数字时，我想将它们相乘，并将结果写入第四个字段

我怎么做？也许使用jQuery

这是我的代码：

var riga=0；
函数aggiungiRiga（）{
riga++；
var objTo=document.getElementById（'rigaOfferta'）
var divtest=document.createElement（“div”）；
setAttribute（“类”、“removeclass”+riga）；
var rdiv='removeclass'+riga；
divtest.innerHTML=''；
对象追加子对象（divtest）
}
功能rimuoviRiga（rid）{
$（'.removeclass'+rid）.remove（）；
}

---

由于您将有多个输入字段，我建议您为它们添加一个类，例如

input listener

，然后添加一个数据属性，例如

data row=“n”

，其中

n

代表行号。然后使用jQuery添加一个事件侦听器（因为它更容易），如下所示：

由于我没有测试代码，我不确定它是否100%有效，但它可以作为一个起点。如果您在代码中发现任何错误，请告诉我，我将尝试更正它们

唯一的问题是，如果添加新行，则必须重新绑定此事件处理程序，因此必须找到解决方法。也许可以将它添加到您的

aggiungiRiga（）

函数中

---

编辑：我删除了

e

并将其更改为

this

，然后像我之前忘记的那样将

#

添加到jQuery选择器的ID中。

JavaScript具有基本的数学功能，如

+，-，*，/

等。。。您需要决定何时触发计算，并将该事件的方法绑定到相关元素。看一看，或者如果您正在使用jQuery，那么您已经决定如何触发它，并且您的代码有问题，请在这里发布，我们可以看看它为什么不起作用。如果您需要知道如何使用JavaScript编写输入，那么也有很多这样的例子。

$('.input-listener').on('change', function(){
    var row = $(this).data('row'); //this way you know which row you are working with
    //now that you have the row you can get all the inputs you want
    var prezzo = $('#prezzo_' + row).val() || 0;
    var ore = $('#ore_' + row).val() || 0;
    $('#totale_' + row).val(prezzo * ore);
});