怎样用js实现两个输入框中的数字相加显示在第三个输入框

 我来答
learneroner
高粉答主

2015-08-17 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6568万
展开全部

思路:使用value属性获取前两个文本框的值,转换为数字相加后,使用value属性设置第三个文本框的值。示例如下:

1、HTML结构

<input id="add1" type="text"/>&nbsp;+&nbsp;
<input id="add2" type="text"/>&nbsp;=&nbsp;
<input id="sum" type="text"/>

2、javascript代码

window.onload = function(){
var inputs = document.getElementsByTagName("input");
for(i=0;i<inputs.length;i++){
inputs[i].onblur = function(){
var add1 = document.getElementById("add1").value;
var add2 = document.getElementById("add2").value;
document.getElementById("sum").value = add1*1 + add2*1;
}
}
}

3、效果演示

spark1ing
2011-12-23
知道答主
回答量:46
采纳率:0%
帮助的人:30.6万
展开全部
正解!!!
<script type="text/javascript">
$(function (){
$("input").blur(function (){
var sum = parseInt($("#one").val()) + parseInt($("#two").val());
$("#sum").val(sum);
})
})
</script>
<body>
<input id="one" /> + <input id="two" /> = <input id="sum" />
</body>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
蓝翼闪客
2011-12-23
知道答主
回答量:34
采纳率:0%
帮助的人:16.1万
展开全部
3.value = parsInt( 1.value ) + parseInt( 2.value )
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2011-12-23
展开全部
<script type="text/javascript">
function cal(){
document.getElementById("c").value=(parseInt(document.getElementById("a").value)+parseInt(document.getElementById("b").value));
}
</script>

<body>
<input type="text" id="a" /> + <input type="text" id="b" /> =<input type="text" id="c" /> <input type="button" value="cal" onclick="cal();"/>
</body>
追问
我的意思是在前两个输入框,输入数字后,相加的和自动显示在第三个输入框
追答
他的用 jquery 我的用 纯 javascript 都行 但 有时候 jquery firefox 支持 ie不支持  如果没必要建议用 javascript 比较好
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式