!textbox怎么显示另外两个textbox的乘积值
求助!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方法自己模仿着写下