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 相关文章推荐
js自带函数备忘 数组
Dec 29 Javascript
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
Nov 19 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
Aug 11 Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 Javascript
Vue 实用分页paging实例代码
Apr 12 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
Jul 24 Javascript
react路由配置方式详解
Aug 07 Javascript
Vue如何获取数据列表展示
Dec 11 Javascript
js基础语法与maven项目配置教程案例
Jul 15 Javascript
Vue2.0搭建脚手架
Mar 13 Vue.js
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实现定时执行任务的方法
2014/10/05 PHP
简单理解PHP的面向对象编程方式
2016/05/17 PHP
javascript 常用方法总结
2009/06/03 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
jquery xMarquee实现文字水平无缝滚动效果
2014/04/29 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
基于jquery实现select选择框内容左右移动添加删除代码分享
2015/08/25 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
2015/09/22 Javascript
对jQuary选择器的全面总结
2016/06/20 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
JavaScript模块详解
2017/12/18 Javascript
jQuery+koa2实现简单的Ajax请求的示例
2018/03/06 jQuery
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
2019/04/17 Javascript
vue路由教程之静态路由
2019/09/03 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
老生常谈Python进阶之装饰器
2017/05/11 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
wxPython的安装与使用教程
2018/08/31 Python
Python2和Python3的共存和切换使用
2019/04/12 Python
python实现将一维列表转换为多维列表(numpy+reshape)
2019/11/29 Python
Django import export实现数据库导入导出方式
2020/04/03 Python
使用OpenCV对车道进行实时检测的实现示例代码
2020/06/19 Python
如何将json数据转换为python数据
2020/09/04 Python
CSS3 @font-face属性使用指南
2014/12/12 HTML / CSS
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
台湾良兴购物网:EcLife
2019/12/01 全球购物
税务干部群众路线教育实践活动自我剖析材料
2014/09/21 职场文书
罚款通知怎么写
2015/04/22 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
节约用水广告语60条
2019/11/14 职场文书
Python 线程池模块之多线程操作代码
2021/05/20 Python
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server
Python卷积神经网络图片分类框架详解分析
2021/11/07 Python