输入数量和价格自动计算输出金额的js代码

更新时间：2013年03月02日 23:21:58 作者：

通过输入数量和价格自动计算输出金额的代码，主要用于购物网站，需要的朋友可以参考下

<script> function checkInt(o){ theV=isNaN(parseInt(o.value))?0:parseInt(o.value); if(theV!=o.value){o.value=theV;} txtTotal.value=txtAmount.value*txtPrice.value; } function checkP(o){ theV=isNaN(parseFloat(o.value))?0:parseFloat(o.value); theV=parseInt(theV*100)/100; if(theV!=o.value){ theV=(theV*100).toString(); theV=theV.substring(0,theV.length-2)+"."+theV.substring(theV.length-2,theV.length) o.value=theV; } txtTotal.value=txtAmount.value*txtPrice.value; } </script> 数量: <input id=txtAmount value=0 onkeyup="checkInt(this);" onpaste="checkInt(this);" oncut="checkInt(this);" ondrop="checkInt(this);" onchange="checkInt(this);"> 单价: <input id=txtPrice value=0 onkeyup="checkP(this);" onpaste="checkP(this);" oncut="checkP(this);" ondrop="checkP(this);" onchange="checkP(this);" style="border-right-width:0px;margin-right:0px;"> <input style="border-left-width:0px;margin-left:-4px;width:18px" value="￥" readonly> 总价: <input id=txtTotal value=0 style="border-right-width:0px;margin-right:0px;" readonly> <input style="border-left-width:0px;margin-left:-4px;width:18px" value="￥" readonly>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

相关文章

JS option location 页面跳转实现代码
JS中location对象在option中的应用（跳转采单），方便通过 option实现页面的切换
2008-12-12
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
js数据验证集合，进行了封装推荐大家学习使用。里面有例子测试代码。
2010-05-05
通过下拉框的值来确定输入框是否可以为空的代码
本节只是为了做一个记载，实现一个简单的验证是否需要预占下来框有是和否两个值，当选择“是”时，资源预占原因输入框必须输入值，否则不能跳转，当选“否”时，不需要验证资源预占原因输入框
2011-10-10
二级连动菜单
二级连动菜单...
2006-07-07
autocomplete禁止自动完成功能
autocomplete禁止自动完成功能...
2007-06-06
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[...
2006-12-12
javascript 清空form表单中某种元素的值
比如在一个表单元素中我们可以通过手写函数,清空某种元素的值,以上是我的个人总结,高手就绕过。
2009-12-12
CSS3实现动态背景登录框的代码
本文介绍了一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-07-07
显示、隐藏密码
显示、隐藏密码...
2006-07-07
select列表内容交换的js实现代码
js实现左右select列表内容交换传递，原来就是先获取当期选中select的值，然后添加到对面的select中，然后删除选中内容。
2009-12-12

最新评论