html问题 单行文本框
怎样实现在分别第一个和第二个单行文本框输入数值，第三个文本框能自动计算并显示它们的和或积，并能返回这个值...
怎样实现在分别第一个和第二个单行文本框输入数值，第三个文本框能自动计算并显示它们的和或积，并能返回这个值
展开
3个回答
展开全部
输入第一个数：<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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/>
<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/>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
这是个两个整数加的例子。
具体要乘还是要支持小数你可以根据自己的情况进行控制。
<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>
这是个两个整数加的例子。
具体要乘还是要支持小数你可以根据自己的情况进行控制。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
