使用javascript动态计算总和 [英] compute sum dynamically with javascript
本文介绍了使用javascript动态计算总和的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有两个文本框 Num1
和 Num2
和另一个文本框 Sum
价值 10
。
I have two textboxes Num1
and Num2
and another textbox Sum
having the value 10
.
如果用户输入一个数字,我该如何做? Num1
,它会将其添加到 Sum
并动态更改 Sum <中显示的数字/ code>文本框。如果用户将在
Num2
中输入一个数字,它还会将该数字添加到 Sum
文本框中显示的更新数字中动态更改 Sum
文本框的值。
How can I do this wherein if the user will enter a number for Num1
, it will add it to Sum
and dynamically change the displayed number in the Sum
textbox. If the user will enter a number in Num2
it will also add that number to the updated number shown in Sum
textbox and dynamically change the value for Sum
textbox also.
如何在Javascript中执行此操作?
How to do this in Javascript?
推荐答案
另一个版本。
<!DOCTYPE html>
<html>
<head>
<title>Summer</title>
</head>
<body>
Num 1: <input type="text" id="num1" name="num1" value="4"/><br />
Num 2: <input type="text" id="num2" name="num2" value="6"/><br />
Sum <input type="text" id="sum" name="sum" value="10">
<script type="text/javascript">
var _num1 = document.getElementById('num1');
var _num2 = document.getElementById('num2');
var _sum = document.getElementById('sum');
_num1.onblur = function(){
_sum.value = (parseInt(_sum.value,10) + parseInt(this.value,10));
};
_num2.onblur = function(){
_sum.value = (parseInt(_sum.value,10) + parseInt(this.value,10));
};
</script>
</body>
</html>
这篇关于使用javascript动态计算总和的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文