如何用js实现 在前两个文本框中输入数字 在另外一个做加法运算
注（三个文本框是循环出来的）用户在第一个文本框里输入一个数字后，在第三个文本框随即显示出刚刚输入的内容数字，用户在第二个文本框中输入另一个数字后，第三个文本框将第一第二文...
注（三个文本框是循环出来的） 用户在第一个文本框里输入一个数字后，在第三个文本框随即显示出刚刚输入的内容数字，用户在第二个文本框中输入另一个数字后，第三个文本框将第一第二文本的和
展开
3个回答
展开全部
实现方法是:给第二个文本框绑定失焦事件,获取第一个和第二个输入框中输入的值,并将其转化成数字类型,相加后将结果插入到第三个文本框中:
<input type="text" id="one">
<input type="text" id="two">
<input type="text" id="three">
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$('#two').blur(function(){
var one = Number($('#one').val());
var two = Number($('#two').val());
var num = one+two;
$('#three').html(num);
})
</script>
//一定要转化才能进行运算,否则会成为字符串连接运算.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function calculate(){
document.getElementById("result").value="";
document.getElementById("message").innerHTML="";
var left = document.getElementById("left").value;
var right = document.getElementById("right").value;
var p = new RegExp("^(-?\\d+)(\\.\\d+)?$");
var isleftnumber = p.test(left);
var isrightnumber = p.test(right);
if(!isleftnumber){
document.getElementById("message").innerHTML="请在左值处输入数字";
return;
}
document.getElementById("message").innerHTML="";
if(!isrightnumber){
document.getElementById("message").innerHTML="请在右值处输入数字";
return;
}
document.getElementById("message").innerHTML="";
if(isleftnumber&&isrightnumber){
document.getElementById("result").value=parseFloat(left)+parseFloat(right);
}
}
</script>
</head>
<body>
<span id="message" style="color:red"></span>
<br>
左值：
<input type="text" id="left" onkeyup="calculate();"/><br>
右值：
<input type="text" id="right" onkeyup="calculate();"/><br>
结果：
<input type="text" id="result" disabled />
</body>
</html>
更多追问追答
追问
文本框是循环来的 也就是说他们有相同的id 和name都是数组 我要怎么取出
追答
id 还可以相同？~
你把你的代码贴出来~
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html>
<head>
<title>
</title>
<script type="text/javascript">
function copyvalue(){
document.all.c.value = document.all.a.value;
document.getElementById("bb").style.display="";
document.getElementById("cc").style.display="";
}
function sum(){
document.all.c.value = parseFloat(document.all.a.value) +parseFloat(document.all.b.value);
}
</script>
</head>
<boyd>
<form>
aa:<input name="a" type="text" onkeyup="copyvalue()">
<div id = "bb" style="display:none">
bb:<input name="b" type="text" onkeyup="sum()">
</div>
<div id = "cc" style="display:none">
cc:<input name="c" type ="text">
</div>
</form>
</boyd>
</html>
<html>
<head>
<title>
</title>
<script type="text/javascript">
function copyvalue(){
document.all.c.value = document.all.a.value;
document.getElementById("bb").style.display="";
document.getElementById("cc").style.display="";
}
function sum(){
document.all.c.value = parseFloat(document.all.a.value) +parseFloat(document.all.b.value);
}
</script>
</head>
<boyd>
<form>
aa:<input name="a" type="text" onkeyup="copyvalue()">
<div id = "bb" style="display:none">
bb:<input name="b" type="text" onkeyup="sum()">
</div>
<div id = "cc" style="display:none">
cc:<input name="c" type ="text">
</div>
</form>
</boyd>
</html>
追问
循环得的文本框 id应该也是用循环来做 要怎么写呢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
