87,997
社区成员
发帖
与我相关
我的任务
分享js自动计算,结果随输入数量改变而改变
写了个JS计算方法 但是结果不能随输入数量改变而改变
num 是数量
discount 是折扣率
price是单价
recAmount是结果
结果 =数量*折扣率*单价
只有数量是输入的 结果要随数量的改变而改变.
function comp(){
var num = document.getElementById("num").value;
var discount = document.getElementById("discount").value;
var price = document.getElementById("price").value;
var recAmount = num * price * discount;
document.getElementById("recAmount").value=recAmount;
}
num 是数量
discount 是折扣率
price是单价
recAmount是结果
结果 =数量*折扣率*单价
只有数量是输入的 结果要随数量的改变而改变.
...全文
请发表友善的回复…
发表回复
zjq8888882009 2011-08-17
- 打赏
- 举报
绑定 onchange()事件
wangdbyu1 2011-08-17
- 打赏
- 举报
折扣率和单价都是自动给的, 只有数量是输入的
当输入的数量发生改变时 ,新的计算结果也要自动生成
Oozie 2011-08-17
- 打赏
- 举报
<html>
<head></head>
<body>
number: <input type="text" id="num" onkeyup="comp();" /><br/>
discount:<input type="text" id="discount" onfocus="this.blur();" value="0.6" /><br/>
price: <input type="text" id="price" onfocus="this.blur();" value="100" /><br/>
recAmount: <input type="text" id="recAmount" onfocus="this.blur();" /><br/>
<script type="text/javascript">
function comp(){
var num = document.getElementById("num").value;
var discount = document.getElementById("discount").value;
var price = document.getElementById("price").value;
var recAmount = num * price * discount;
document.getElementById("recAmount").value=recAmount;
}
</script>
</body>
</html>
这样？
yk789 2011-08-17
- 打赏
- 举报
使用JS监听input的onkeyup事件，调用你的方法就可以了。
sudan_727923 2011-08-17
- 打赏
- 举报
这个函数你怎么触发的？
触发方式要合适
触发方式要合适
最后一个菜鸟 2011-08-17
- 打赏
- 举报
onchange正适合这种需求
wangdbyu1 2011-08-17
- 打赏
- 举报
大家都没遇到这种情况吗??
