如何將兩個輸入相減

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"作為兩個值字段的屬性，因為當您輸入第一個值時，您將在輸入第二個值之前清除原始總數。