html问题 单行文本框

怎样实现在分别第一个和第二个单行文本框输入数值,第三个文本框能自动计算并显示它们的和或积,并能返回这个值

输入第一个数:<input type="text" id= "a" >
<br>
输入第二个数:<input type="text" id = "b">
<br>
输出结果:<input type="text" id = "c">
<input type="button" value="相加" onclick="add();">
<input type="button" value="相乘" onclick="mult();">
<script>
//加法运算
function add(){
var a = parseInt(document.getElementById("a").value);
var b = parseInt(document.getElementById("b").value);
document.getElementById("c").value = a+b;
}
//乘法运算
function mult(){
var a = parseInt(document.getElementById("a").value);
var b = parseInt(document.getElementById("b").value);
document.getElementById("c").value = a*b;
}

</script>
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-08-26
<input type="text" name="txt1" value="">
<br/>
<input type="text" name="txt2" value="">
<br/>
<input type="text" name="txt3" value="" onclick="this.value=document.getElementById('txt1').value+document.getElementById('txt2').value">
<br/>
<input type="text" name="txt4" value="" onclick="this.value=document.getElementById('txt1').value*document.getElementById('txt2').value>
<br/>本回答被提问者采纳
第2个回答  2011-08-26
<html>
<head>

<script>
function init()
{
document.getElementById("input1").onkeyup = doit;
document.getElementById("input2").onkeyup = doit;

}

function doit()
{
var value1=parseInt(document.getElementById("input1").value);
var value2=parseInt(document.getElementById("input2").value);
if(!value1)value1=0;
if(!value2)value2=0;
document.getElementById("input3").value = value1+value2;
}
</script>
</head>
<body onLoad="init()">
<input id="input1" col="10" ></input>
<input id="input2" col="10"/></input>
<input id="input3" col="10"/></input>
</body>
</html>

这是个两个整数加的例子。
具体要乘还是要支持小数你可以根据自己的情况进行控制。
相似回答