如何在网页上将两个文本框的数相加,并在另一个文本框显示出来?

如题所述

下面的几行代码就可以:

<input type=text name=a value=0 onChange="c.value=parseInt(a.value)+parseInt(b.value);">
+
<input type=text name=b value=0 onChange="c.value=parseInt(a.value)+parseInt(b.value);">
=
<input type=text name=c value=0 readonly>

把上面代码粘贴到记事本,保存为HTML文件,浏览器打开就能看见效果。
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-09-24
可以直接通过js的方法实现“相加”并“赋值”。<script language="javascript" type="text/javascript">
function jisuan(){
var a=document.myform.text1.value;//获取到第一个文本框的值
var b=document.myform.text2.value;//获取到第二个文本框的值c=parseInt(a)+parseInt(b);
document.myform.text3.value=c;//获取到的值赋给另外一个文本框
}
</script>
第2个回答  2008-10-05
<script language="javascript">
function my(){
alert("OK");
var Tone==doucument.all.one.value;
var Ttwo==doucument.all.two.value;

if (doucument.all.TT.value)=="+"{
document.getElementById("tre").value =parseInt(Tone)+parseInt(Ttwo);
}
if (doucument.all.TT.value)=="-"{
document.getElementById("tre").value =parseInt(Tone)-parseInt(Ttwo);
}
if (doucument.all.TT.value)=="*"{
document.getElementById("tre").value =parseInt(Tone)*parseInt(Ttwo);
}
if (doucument.all.TT.value)=="/"{
document.getElementById("tre").value =parseInt(Tone)/parseInt(Ttwo);
}

}

</script>
<body >
<form id="form1" name="form1" method="post" action="">
<label>
<input name="one" type="text" id="one" size="5" maxlength="5" />
</label>
<label>
<select name="TT" size="1" id="TT">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</label>
<label>
<input name="two" type="text" id="two" size="5" maxlength="5" />
</label>
<label>
<input type="button" name="Submit" value="=" onclick="my()" style="width:20px"/>
</label>
<label>
<input name="tre" type="text" id="tre" size="6" maxlength="6"/>
</label>
</form>
</body>
第3个回答  2008-10-05
如果在客户端处理可以用javascript实现,在服务器端可以用jsp或asp实现。其实就是个简单的网络编程,你参考着资料很简单就能做出来。
相似回答