js自动计算,结果随输入数量改变而改变

wangdbyu1 2011-08-17 10:29:46
写了个JS计算方法 但是结果不能随输入数量改变而改变


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是结果
结果 =数量*折扣率*单价

只有数量是输入的 结果要随数量的改变而改变.
...全文
409 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
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
  • 打赏
  • 举报
回复
大家都没遇到这种情况吗??

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧