如何相互减去两个输入

时间:2018-02-21 12:32:58

标签: javascript jquery

如何从主输入中减去两个文本输入?例如,如果我在100输入中插入total,然后在20v1 30中插入v2total输入应更改为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()>

2 个答案:

答案 0 :(得分: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);
}

答案 1 :(得分:1)

<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"作为两个值字段的属性,因为当您键入第一个值时,您将在键入第二个值之前清除原始总计。