如何将两个输入相减

Question

如何从主输入中减去两个文本输入？ 例如，如果我在total输入中插入100 ，然后在v1插入20 ，在v2插入30 ，则total输入应更改为50 。 这是我试过的

 function updateDue() { var val1 = parseInt(document.getElementById("v1").value); var val2 = parseInt(document.getElementById("v2").value); var ansD = document.getElementById("total"); ansD.value = ansD.value - val1 - val2; }

 <input id="total" type="text " > <input id="v1" type="text" onchange="updateDue()> <input id="v2" type="text" onchange="updateDue()>

Answer 1

function updateDue(){
   var first = $('#v1').val();
   var second = $('#v2').val();
   var before = $('#total').val();
   var total=parseInt(before)-(parseInt(first)+parseInt(second));
   $('#total').val(total);
}

Answer 2

<input id="total" type="text">
<input id="v1" type="text">
<input id="v2" type="text">
<button type="button" onclick="update()">Update</button>
<script>
function update() {
  var total = parseInt(document.getElementById("total").value, 10);
  var value1 = parseInt(document.getElementById("v1").value, 10);
  var value2 = parseInt(document.getElementById("v2").value, 10);
  document.getElementById("total").value = total - (value1 + value2);
}
</script>

工作示例： https : //jsfiddle.net/md9ebo00/5/

我不建议使用onchange="update"作为两个值字段的属性，因为当您输入第一个值时，您将在输入第二个值之前清除原始总数。