怎样用js实现两个输入框中的数字相加显示在第三个输入框
4个回答
展开全部
思路:使用value属性获取前两个文本框的值,转换为数字相加后,使用value属性设置第三个文本框的值。示例如下:
1、HTML结构
<input id="add1" type="text"/> +
<input id="add2" type="text"/> =
<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、效果演示
展开全部
正解!!!
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
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>
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 比较好
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询