！textbox怎么显示另外两个textbox的乘积值
日期：2014-05-17 浏览次数：20450 次
求助！textbox如何显示另外两个textbox的乘积值？
设置了5个textbox文本框。 分别为 名称、单位、单价、数量、总金额。
现在需要让在单价和数量上输入数字后，总金额处的textbox能自动显示乘积值。
百度了下。都说需要用JS来解决。但是JS还不是很懂。所以求各位大大帮下忙啊
最好贴上代码出来。
------解决方案--------------------
like this?
http://www.cnblogs.com/insus/p/3249508.html
http://www.cnblogs.com/insus/articles/1433589.html
------解决方案--------------------
下个jquery，引用一下。
------解决方案--------------------
单价文本框加事件onchange="OnPriceChange(this);"
数量文本框加事件onchange="OnQtyChange(this);"
OnQtyChange方法自己模仿着写下
设置了5个textbox文本框。 分别为 名称、单位、单价、数量、总金额。
现在需要让在单价和数量上输入数字后，总金额处的textbox能自动显示乘积值。
百度了下。都说需要用JS来解决。但是JS还不是很懂。所以求各位大大帮下忙啊
最好贴上代码出来。
------解决方案--------------------
like this?
http://www.cnblogs.com/insus/p/3249508.html
http://www.cnblogs.com/insus/articles/1433589.html
------解决方案--------------------
下个jquery，引用一下。
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
$(function(){
$("#num").blur(function(){
$("#sumvalue").val(parseFloat($("#unit").val())*parseFloat($(this).val()));
});
});
</script>
</head>
<body>
<input type="text" />
<input type="text" />
<input type="text" id="unit"/>
<input type="text" id="num"/>
<input type="text" id="sumvalue"/>
</body>
</html>
------解决方案--------------------
单价文本框加事件onchange="OnPriceChange(this);"
数量文本框加事件onchange="OnQtyChange(this);"
function OnPriceChange(obj)
{
if(obj.value=='')
{
alert('请输入单价！');
}
var qty=document.getElementById('数量文本框ID').value;
if(qty!='')
{
document.getElementById('总金额文本框id').value=parseFloat(obj.value)*parseFloat(qty);
}
}
OnQtyChange方法自己模仿着写下
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
