Java 将输入类型数字的值与一个数字相乘

我在使用jsp时遇到了一个问题。当数字增加时，我尝试将一个数字与输入类型number的值动态相乘。 我有以下代码

<td data-th="Price"> ${prod.unitPrice }</td>
<td data-th="Quantity"><input type="number"class="form-control text-center" value="${item.quantity}"></td>

${prod.unitPrice}

上面的代码将打印在模型中传递的值。当UI增加价值时，获得新价值的最佳逻辑是什么。我需要显示小计

<td data-th="Subtotal" class="text-center">$......</td>

$。。。。。。

假设您提供了

tr

的

td

我为

tr

以及

td

添加了

class

。在输入字段中添加了

onkeyup

事件，用于更改输入

数量

，以生成

小计

<tr class="data">
        <td data-th="Price" class="price"> ${prod.unitPrice}</td>
        <td data-th="Quantity"><input type="number" class="form-control text-center quantity" onkeyup="total(this);" value="${item.quantity}"></td>
        <td data-th="Subtotal" class="total" class="text-center"> ... </td>
</tr>

---

你可以用javascriptI来做，我已经试过了，但是我没有得到任何结果。它对我来说非常好。现在我想知道，如果我必须把所有的加起来来计算总数，会怎么样subtotal@SangamJungGauli我补充了答案，所有小计总和的附加函数，

..

这是一个总和函数，只需将

tot

值放入

sumtot

。e、 g.

document.getElementById（“sumtot”）.innerHTML=tot

//section for set sub total when page load
var r, i;
r = document.getElementsByClassName("data");
for(i=0;i<r.length; i++){
    r[i].getElementsByClassName("total")[0].innerHTML =
        r[i].getElementsByClassName("price")[0].innerText *
        r[i].getElementsByClassName("quantity")[0].value;
}


//function to update sub total when quantity changed
function total(element) {
    var tr = element.parentNode.parentNode;
    var price = tr.getElementsByClassName("price")[0].innerText;
    tr.getElementsByClassName("total")[0].innerHTML = price * element.value;
}

// function to sum all sub total
function sumTotal(){
  var tot = 0 ; //variable hold the sum
  var len = document.getElementsByClassName("total").length;
  for(var i =0; i<len; i++){ 
    tot += parseInt(document.getElementsByClassName("total")[i].innerText); 
  }
}