欢迎来到懒人图库！返回首页网站地图懒人工具箱

当前位置：首页 > JS代码 > JS特效代码 > 表单按钮

实时输入数字自动转换为货币形式并计算

2009-05-30　来源/作者：懒人图库　分类：表单按钮　 «»

<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>

运行代码保存代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

标签：表单按钮

相关代码推荐

文本框输入文字后提示语消失特效

输入框输入提示代码

用JS实现的radio图片选择按钮效果

select头像选择代码

用图片代替Radio选择value值

js确认删除对话框

判断文本框只能输入中文汉字的代码

同步文本框内容的JS代码

网页放大缩小按钮效果

广告代码 全部››: 焦点图; 全屏广告; 对联广告; 在线客服; 相册代码; 菜单导航; TAB标签; 悬浮漂浮; 视频播放; 图片特效; 翻牌书角; 其他代码

特效代码 全部››: 导航菜单; 表单按钮; 文字特效; 表格图层; 图片特效; 时间日期; 滚动代码; 窗口特效; 颜色背景; 网站常用; CSS样式; 其他特效

猜你也喜欢看这些 ······: jQuery手风琴图片滑动效果图片特效2020-04-26; HTML5&SVG彩色线条文字时钟特效代码其他代码2020-04-26; 像素方块时钟CSS3特效代码其他代码2020-04-26; 购物网站四联CSS3图片特效代码图片特效2020-04-24; 2021新年倒计时雪花代码其他代码2020-04-24

这些是最新的 ······: CSS3+JS滚动数字时钟代码时间日期2017-09-09; jQuery左右滚动4屏弹性焦点图代码网站常用2020-04-10; jQuery实现的平滑滚动选项卡其他特效2020-04-10; 图片垂直居中不随滚动条滚动的JS代码图片特效2020-04-10; 图片在窗口中上下左右垂直居中代码图片特效2020-04-10