js下将金额数字每三位一逗号分隔


Posted in Javascript onFebruary 19, 2016

工作中很常用的东西:
例1,使数字1111111变成11,111,111.00,保留两位小数。

<html>
<head>
<script type="text/javascript">
function outputmoney(number) {
number = number.replace(/\,/g, "");
if(isNaN(number) || number == "")return "";
number = Math.round(number * 100) / 100;
  if (number < 0)
    return '-' + outputdollars(Math.floor(Math.abs(number) - 0) + '') + outputcents(Math.abs(number) - 0);
  else
    return outputdollars(Math.floor(number - 0) + '') + outputcents(number - 0);
} 
//格式化金额
function outputdollars(number) {
  if (number.length <= 3)
    return (number == '' ? '0' : number);
  else {
    var mod = number.length % 3;
    var output = (mod == 0 ? '' : (number.substring(0, mod)));
    for (i = 0; i < Math.floor(number.length / 3); i++) {
      if ((mod == 0) && (i == 0))
        output += number.substring(mod + 3 * i, mod + 3 * i + 3);
      else
        output += ',' + number.substring(mod + 3 * i, mod + 3 * i + 3);
    }
    return (output);
  }
}
function outputcents(amount) {
  amount = Math.round(((amount) - Math.floor(amount)) * 100);
  return (amount < 10 ? '.0' + amount : '.' + amount);
}
</script>
</head>
<body>
<input type=text  maxlength="8" id="test" onblur="this.value=outputmoney(this.value);" >
</body>
</html>

例2,使数字1111111变成11,111,111---和使11,111,111变成1111111---整数--

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js 格式化金额的代码---3water.com</title>
<script language="javascript">
function tran(id)
{
 var v, j, sj, rv = "";
 v = id.value.replace(/,/g,"").split(".");
 j = v[0].length % 3;
 sj = v[0].substr(j).toString();
 for (var i = 0; i < sj.length; i++)
 {
  rv = (i % 3 == 0) ? rv + "," + sj.substr(i, 1): rv + sj.substr(i, 1);
 }
 var rvalue = (v[1] == undefined) ? v[0].substr(0, j) + rv: v[0].substr(0, j) + rv + "." + v[1];
 if (rvalue.charCodeAt(0) == 44)
 {
  rvalue = rvalue.substr(1);
 }
 id.value = rvalue;
}
function tran2(id)
{
 var v;
 v = id.value.replace(/,/g,"");
 alert(v);
}
</script>
<style type="text/css">
<!--
body,td,th,input {
 font-size: 12px;
}
-->
</style></head>
<body>
<input name="tt" type="text" id="tt" size="80" onkeyup="tran(this)" />
<br/>
<input name="tt" type="text" id="tt2" size="80" onkeyup="tran2(this)" />
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,轻松实现js金额数字格式化,谢谢大家的阅读。

Javascript 相关文章推荐
改善用户体验的五款jQuery插件分享
May 22 Javascript
javascript修改IMG标签的src问题
Mar 28 Javascript
jQuery制作简单柱状图实例
Jan 28 Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
vue下跨域设置的相关介绍
Aug 26 Javascript
深入了解javascript 数组的sort方法
Jun 01 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
自定义Vue组件打包、发布到npm及使用教程
May 22 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
Aug 20 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
javascript下使用Promise封装FileReader
Feb 19 #Javascript
javascript每日必学之循环
Feb 19 #Javascript
jQuery实现简单的DIV拖动效果
Feb 19 #Javascript
JavaScript深度复制(deep clone)的实现方法
Feb 19 #Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 #Javascript
基于JavaScript实现弹出框效果
Feb 19 #Javascript
jQuery on()绑定动态元素出现的问题小结
Feb 19 #Javascript
You might like
php inc文件使用的风险和注意事项
2013/11/12 PHP
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
PHP设计模式之工厂模式定义与用法详解
2018/04/03 PHP
记录Yii2框架开发微信公众号遇到的问题及解决方法
2018/07/20 PHP
Prototype使用指南之selector.js说明
2008/10/26 Javascript
Jquery动态进行图片缩略的原理及实现
2013/08/13 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
jQuery中noConflict()用法实例分析
2015/02/08 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
2017/08/31 Javascript
js+SVG实现动态时钟效果
2018/07/14 Javascript
VUE 自定义组件模板的方法详解
2019/08/30 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
Python求离散序列导数的示例
2019/07/10 Python
django url到views参数传递的实例
2019/07/19 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
Python3 获取文件属性的方式(时间、大小等)
2020/03/12 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
教师节促销活动方案
2014/02/14 职场文书
绩效考核实施方案
2014/03/18 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
美术兴趣小组活动总结
2014/07/07 职场文书
我的中国梦演讲稿小学篇
2014/08/19 职场文书
夏季药店促销方案
2014/08/22 职场文书
党员国庆节演讲稿范文2014
2014/09/21 职场文书
自我查摆剖析材料
2014/10/11 职场文书
事业单位财务人员岗位职责
2015/04/14 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
队列队形口号
2015/12/25 职场文书