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宝典学习笔记(上)
Jan 10 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
Apr 07 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
JS实现一个简单的日历
Feb 22 Javascript
浅谈vue 单文件探索
Sep 05 Javascript
Vue插值、表达式、分隔符、指令知识小结
Oct 12 Javascript
js自定义input文件上传样式
Oct 26 Javascript
Vue中实现权限控制的方法示例
Jun 07 Javascript
分享Angular http interceptors 拦截器使用(推荐)
Nov 10 Javascript
微信小程序后端无法保持session的原因及解决办法问题
Mar 20 Javascript
vue实现公告栏文字上下滚动效果的示例代码
Jun 16 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
Windows下的PHP5.0详解
2006/11/18 PHP
隐性调用php程序的方法
2009/03/09 PHP
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
PHP+Ajax异步带进度条上传文件实例
2016/11/01 PHP
PHP实现十进制、二进制、八进制和十六进制转换相关函数用法分析
2017/04/25 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
linux mint下安装phpstorm2020包括JDK部分的教程详解
2020/09/17 PHP
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
2017/01/08 Javascript
js实现下一页页码效果
2017/03/07 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
微信小程序本地存储实现每日签到、连续签到功能
2019/10/09 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
2019/10/30 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
Python使用统计函数绘制简单图形实例代码
2019/05/15 Python
Django 1.10以上版本 url 配置注意事项详解
2019/08/05 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
pycharm 多行批量缩进和反向缩进快捷键介绍
2021/01/15 Python
关于webview适配H5上传照片或者视频文件的方法
2020/11/04 HTML / CSS
史上最全面的Java面试题汇总!
2015/02/03 面试题
教育实习生的自我评价分享
2013/11/21 职场文书
大一期末自我鉴定
2013/12/13 职场文书
小松树教学反思
2014/02/11 职场文书
冬季施工防火方案
2014/05/17 职场文书
师德师风的心得体会
2014/09/02 职场文书
2014年终个人工作总结
2014/11/07 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
python实现Thrift服务端的方法
2021/04/20 Python
Python实现学生管理系统并生成exe可执行文件详解流程
2022/01/22 Python