javascript - 如何从不同的行添加相同类型的输入值？

最初，我有对象行，每一行的输入均为“小计”。首先，我遍历每个输入的ID为小计的id，并能够获取每个值。现在，我想添加所有值并将其放置在元素总计中的某个位置。
我该怎么做？

 $("input[id*='subtotal'").each(function(index) {
    console.log($(this).val();
 })

最佳答案

尝试这个。

function onChange() {
  let sum = 0;
  $("input[subtotal]").each(function(index) {
    let v = parseInt($(this).val());
    if (v > 0) {
      sum += v;
    }
  });
  document.getElementById('sum').innerHTML = sum;
}

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

<input type="text" subtotal onkeyup="onChange()" />
<input type="text" subtotal onkeyup="onChange()" />
<input type="text" subtotal onkeyup="onChange()" />
<input type="text" subtotal onkeyup="onChange()" />

<div id="sum">0</div>