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 相关文章推荐
greybox——不开新窗口看新的网页
Feb 20 Javascript
检测jQuery.js是否已加载的判断代码
May 20 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
Node.js 条形码识别程序构建思路详解
Feb 14 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
jQuery Select下拉框操作小结(推荐)
Jul 22 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
20道JS原理题助你面试一臂之力(必看)
Jul 22 Javascript
Vue数据绑定实例写法
Aug 06 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面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
js阻止事件追加的具体实现
2014/10/15 Javascript
jQuery+jRange实现滑动选取数值范围特效
2015/03/14 Javascript
JavaScript动态添加style节点的方法
2015/06/09 Javascript
理解Javascript的call、apply
2015/12/16 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
2016/01/15 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
使用npm安装最新版本nodejs
2018/01/18 NodeJs
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
简化版的vue-router实现思路详解
2018/10/19 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
2019/09/04 Javascript
vue 根据选择的月份动态展示日期对应的星期几
2021/02/06 Vue.js
Python实现删除当前目录下除当前脚本以外的文件和文件夹实例
2015/07/27 Python
Python在图片中添加文字的两种方法
2017/04/29 Python
Python遍历文件夹和读写文件的实现方法
2017/05/10 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
用python发送微信消息
2020/12/21 Python
canvas实现按住鼠标移动绘制出轨迹的示例代码
2018/02/05 HTML / CSS
Linux管理员面试题 Linux admin interview questions
2016/07/08 面试题
大学生军训广播稿
2014/01/24 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
受伤赔偿协议书
2014/09/24 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
2019最新版火锅店的创业计划书 !
2019/07/12 职场文书
python tkinter Entry控件的焦点移动操作
2021/05/22 Python
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL