Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将两个输入相减_Javascript_Jquery - Fatal编程技术网

Javascript 如何将两个输入相减

Javascript 如何将两个输入相减,javascript,jquery,Javascript,Jquery,如何从主输入中减去两个文本输入?例如,如果我在总输入中插入100,然后在v1中插入20,在v2中插入30,则总输入应更改为50。这就是我尝试过的 函数更新{ var val1=parseIntdocument.getElementByIdv1.value; var val2=parseIntdocument.getElementByIdv2.value; var ansD=document.getElementByIdtotal; ansD.value=ansD.value-val1-val2

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

函数更新{ var val1=parseIntdocument.getElementByIdv1.value; var val2=parseIntdocument.getElementByIdv2.value; var ansD=document.getElementByIdtotal; ansD.value=ansD.value-val1-val2; } 工作示例:


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

请显示您迄今为止所做的任何代码尝试以及您迄今为止所做的尝试?StackOverflow不是编码服务,请展示您自己尝试过的内容。您的函数的可能副本不包含任何jQuery。您想使用纯JS还是jQuery?如果您使用onchange函数,那么您需要检查是否存在任何未定义的值。
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);
}
<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>