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 变量基础知识
Nov 07 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
jQuery中判断对象是否存在的方法汇总
Feb 24 Javascript
JavaScript制作颜色反转小游戏
Sep 25 Javascript
JSONP基础知识详解
Mar 19 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
node.js调用C++函数的方法示例
Sep 21 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
Dec 11 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
VUE项目初建和常见问题总结
Sep 12 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 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
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
use jscript Create a SQL Server database
2007/06/16 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
jquery仿QQ登录账号选择下拉框效果
2016/03/22 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
XMLHttpRequest对象_Ajax异步请求重点(推荐)
2017/09/28 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
深入理解JS的事件绑定、事件流模型
2018/05/13 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
2019/11/12 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
vue监听键盘事件的相关总结
2021/01/29 Vue.js
Django小白教程之Django用户注册与登录
2016/04/22 Python
Flask框架的学习指南之制作简单blog系统
2016/11/20 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
Python设计模式之模板方法模式实例详解
2019/01/17 Python
基于python实现计算两组数据P值
2020/07/10 Python
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
HTML5 canvas基本绘图之填充样式实现
2016/06/27 HTML / CSS
计算机专业个人求职信范例
2013/09/23 职场文书
工厂仓管员岗位职责
2014/01/01 职场文书
运动会入场解说词300字
2014/01/25 职场文书
公司面试感谢信
2014/02/01 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
文明礼仪演讲稿
2014/05/12 职场文书
音乐幼师求职信
2014/07/09 职场文书
平安工地汇报材料
2014/08/19 职场文书
学生会竞选演讲稿纪检部
2014/08/25 职场文书
小学生学习保证书
2015/02/26 职场文书
网络销售员岗位职责
2015/04/11 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
详解Redis实现限流的三种方式
2021/04/27 Redis