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查看html源文件
Nov 08 Javascript
把JS与CSS写在同一个文件里的书写方法
Jun 02 Javascript
jquery模拟按下回车实现代码
Sep 20 Javascript
extjs3 combobox取value和text案例详解
Feb 06 Javascript
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
Apr 29 Javascript
javascript制作2048游戏
Mar 30 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
layer设置maxWidth及maxHeight解决方案
Jul 26 Javascript
vue实现鼠标移过出现下拉二级菜单功能
Dec 12 Javascript
JavaScript实现图片放大预览效果
Nov 02 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
克隆一个新项目的快捷方式
2013/04/10 PHP
深入解析php中的foreach问题
2013/06/30 PHP
PHP计算当前坐标3公里内4个角落的最大最小经纬度实例
2016/02/26 PHP
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
2016/03/21 PHP
PHP实现的简单sha1加密功能示例
2017/08/27 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
js购物车实现思路及代码(个人感觉不错)
2013/12/23 Javascript
javascript this详细介绍
2016/09/19 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
JS匿名函数类生成方式实例分析
2016/11/26 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
谈谈vue中mixin的一点理解
2017/12/12 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
vue 实现走马灯效果
2019/10/28 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
Python django使用多进程连接mysql错误的解决方法
2018/10/08 Python
numpy.random模块用法总结
2019/05/27 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
pytorch 彩色图像转灰度图像实例
2020/01/13 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
keras.layer.input()用法说明
2020/06/16 Python
pycharm 代码自动补全的实现方法(图文)
2020/09/18 Python
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
应届生财务会计求职信
2013/11/05 职场文书
大学生职业生涯规划范文
2013/12/31 职场文书
《欢乐的泼水节》教学反思
2014/04/22 职场文书
跳槽求职信范文
2014/05/26 职场文书
销售顾问工作计划书
2014/08/15 职场文书
孔庙导游词
2015/02/04 职场文书
护士节慰问信
2015/02/15 职场文书
张丽莉观后感
2015/06/16 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
幼儿园大班教育随笔
2015/08/14 职场文书
适合青年人白手起家的创业项目分享
2019/08/16 职场文书
Python合并pdf文件的工具
2021/07/01 Python