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

Question

最初，我有几行对象，每行都输入“小计”。首先，我循环遍历 ID 为小计的每个输入，并能够获取每个输入的值。现在我想添加所有值并将其放置在元素总计中的某个位置。我怎样才能做到呢？

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

Answer 1

试试这个。

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>