如何做一个输入框，让输入框内的值等于另外2个的乘积
日期：2014-05-17 浏览次数：20655 次
怎么做一个输入框，让输入框内的值等于另外2个的乘积
我有3个input的输入框，我想前2个输入框输完值，第三个输入框马上显示前2个输入框的乘积，如果我更改前2个输入框的值都能够实时改变第三个输入框的值
------解决方案--------------------
我有3个input的输入框，我想前2个输入框输完值，第三个输入框马上显示前2个输入框的乘积，如果我更改前2个输入框的值都能够实时改变第三个输入框的值
jquery
javascript
web
java
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
$(function(){
var v1 = '';
var v2 = '';
$('#t1').keyup(function(){
v1 = $(this).val();
});
$('#t2').keyup(function(){
v2 = $(this).val();
if(v1 == ''){//验证第一个是否输入
//alert('第一个文本框不为空');
return false;
}else{
if(v2 == ''){
//alert('第二个文本框不为空');
}else{
$('#t3').val(parseInt(v1)*parseInt(v2));
}
}
});
});
</script>
</head>
<body>
<input type="text" id="t1" />
<input type="text" id="t2" />
<input type="text" id="t3" />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
