注册 登录
编程论坛 JAVA论坛

html在网页中文本框输入2个数字相加在文本框显示

qq1274371820 发布于 2015-11-22 16:05, 2394 次点击

输出效果如下:

     文本框 + 文本框=undefined
我需要的是:

     1+2=3
这样的

求解为什么还没输入数据文本框就显示为undefined,要怎么改呢

<html>
<head>
</head>

<script type="text/javascript">
function add()
{
    var m=document.getElementById("t1");
    var a1=parseInt(m.value);
    var n=document.getElementById("t2");
    var a2=parseInt(n.value);
    var sum=a1+a2;
    }
    window.onload = function(){
        document.getElementById('t3').value = add();
    }
</script>
<input type="text" id="t1" size=10>
+
<input type="text" id="t2" size=10>
=
<input type="text" id="t3" onClick="add()">
</body>
 </html>
3 回复
#2
林月儿2015-11-23 09:52
程序代码:
<html>
<head>
</head>

<script type="text/javascript">
function add()
{
    var m=document.getElementById("t1");
    var a1=parseInt(m.value);
    var n=document.getElementById("t2");
    var a2=parseInt(n.value);
    return a1+a2;
}
function cal()
{
    document.getElementById('t3').value = add();
}
window.onload = function(){
    document.getElementById('t3').value = add();
}
</script>
<input type="text" value=1 id="t1" size=10>
+
<input type="text" value=2 id="t2" size=10>
=
<input type="text" id="t3" readonly="true">
<input type="button" value="计算" onClick="cal()">
</body>
</html>
#3
hjxlj2015-11-23 10:45
代码存在严重问题,这样肯定不行的
#4
qq12743718202015-11-23 14:29
回复 3楼 hjxlj


         什么问题
1