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 相关文章推荐
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
jquery 图片Silhouette Fadeins渐显效果
Feb 07 Javascript
JavaScript表单通过正则表达式验证电话号码
Mar 14 Javascript
js转化毫秒为时间格式代码
Apr 10 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
详解javascript对数组和json数组的操作
Apr 15 Javascript
Ant design vue中的联动选择取消操作
Oct 31 Javascript
小程序中手机号识别的示例
Dec 14 Javascript
原生JavaScript实现随机点名表
Jan 14 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列出一个目录下的所有文件的代码
2012/10/09 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
Javascript 中介者模式实例
2009/12/16 Javascript
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
js计算精度问题小结
2013/04/22 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
js实现动态创建的元素绑定事件
2016/07/19 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
React-Native使用Mobx实现购物车功能
2017/09/14 Javascript
vue解决跨域路由冲突问题思路解析
2017/11/03 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
关于Mac下安装nodejs、npm和cnpm的教程
2018/04/11 NodeJs
js限制输入框只能输入数字(onkeyup触发)
2018/09/28 Javascript
vuex页面刷新后数据丢失的方法
2019/01/17 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
python 求定积分和不定积分示例
2019/11/20 Python
如何在python开发工具PyCharm中搭建QtPy环境(教程详解)
2020/02/04 Python
Python中itertools的用法详解
2020/02/07 Python
python语言中有算法吗
2020/06/16 Python
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
《一个中国孩子的呼声》教学反思
2014/02/12 职场文书
目标管理责任书
2014/04/15 职场文书
本溪关门山导游词
2015/02/09 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android