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 相关文章推荐
JScript中的&quot;this&quot;关键字使用方式补充材料
Mar 08 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
实现点击列表弹出列表索引的两种方式
Mar 08 Javascript
js二维数组排序的简单示例代码
Jan 24 Javascript
PHP中使用微秒计算脚本执行时间例子
Nov 19 Javascript
javascript判断图片是否加载完成的方法推荐
May 13 Javascript
Javascript将JSON日期格式化
Aug 23 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
Jun 17 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
Aug 18 Javascript
解决Vue打包后访问图片/图标不显示的问题
Jul 25 Javascript
vue实现动态表格提交参数动态生成控件的操作
Nov 09 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遍历目录方法小结
2015/03/10 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
jQuery EasyUI中对表格进行编辑的实现代码
2010/06/10 Javascript
javascript中的事件代理初探
2014/03/08 Javascript
使用js画图之正弦曲线
2015/01/12 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
2015/07/17 Javascript
值得分享的bootstrap table实例
2016/09/22 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
2016/11/18 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
vue如何集成raphael.js中国地图的方法示例
2017/08/15 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
2020/11/06 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
[01:03:27]NAVI vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
解析Python中的异常处理
2015/04/28 Python
python中子类继承父类的__init__方法实例
2016/12/15 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
selenium python浏览器多窗口处理代码示例
2018/01/15 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
用Python将结果保存为xlsx的方法
2019/01/28 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
python3 property装饰器实现原理与用法示例
2019/05/15 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
Django自定义列表 models字段显示方式
2020/04/03 Python
世界上最好的帽子:Tilley
2016/11/27 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
酒店人事专员岗位职责
2013/12/19 职场文书
诚信贷款承诺书
2014/05/30 职场文书
煤矿开采专业求职信
2014/07/08 职场文书
干部作风整顿自我剖析材料和整改措施
2014/09/18 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
鲁冰花观后感
2015/06/10 职场文书
初中语文教学随笔
2015/08/15 职场文书
go结构体嵌套的切片数组操作
2021/04/28 Golang
Spring Boot 实现 WebSocket
2022/04/30 Java/Android