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下过滤数组重复值的代码
Sep 10 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
javascript 构造函数强制调用经验总结
Dec 02 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
jquery获取复选框的值的简单实例
May 26 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
vue2 全局变量的设置方法
Mar 09 Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 Javascript
vue模块移动组件的实现示例
May 20 Javascript
JavaScript点击按钮生成4位随机验证码
Jan 28 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
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
基于php下载文件的详解
2013/06/02 PHP
php微信开发之谷歌测距
2018/06/14 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
详谈javascript异步编程
2016/02/21 Javascript
JS产生随机数的用法小结
2016/12/10 Javascript
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
[05:00]TI9战队采访 - Royal Never Give Up
2019/08/20 DOTA
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
利用Python写一个爬妹子的爬虫
2018/06/08 Python
Python数据报表之Excel操作模块用法分析
2019/03/11 Python
Django实现文件上传和下载功能
2019/10/06 Python
Python装饰器用法与知识点小结
2020/03/09 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
Python多分支if语句的使用
2020/09/03 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
UML设计模式笔试题
2014/06/07 面试题
学习十八大坚定理想信念心得体会
2014/03/11 职场文书
手术室护士长竞聘书
2014/03/31 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
趣味运动会简讯
2015/07/20 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
python如何获取网络数据
2021/04/11 Python
Spring Boot 启动、停止、重启、状态脚本
2021/06/26 Java/Android
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android
 分享一个Python 遇到数据库超好用的模块
2022/04/06 Python
app场景下uniapp的扫码记录
2022/07/23 Java/Android