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 相关文章推荐
经典的带阴影的可拖动的浮动层
Jun 26 Javascript
一个刚完成的layout(拖动流畅,不受iframe影响)
Aug 17 Javascript
JavaScript 解析Json字符串的性能比较分析代码
Dec 16 Javascript
Extjs学习笔记之三 extjs form更多的表单项
Jan 07 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
Sep 06 Javascript
微信小程序 框架详解及实例应用
Sep 26 Javascript
JavaScript实现汉字转换为拼音的库文件示例
Dec 22 Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
Jan 12 Javascript
JS运算符简单用法示例
Jan 19 Javascript
jQuery中event.target和this的区别详解
Aug 13 jQuery
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
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
PHP 日常开发小技巧
2009/09/23 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
PHP遍历XML文档所有节点的方法
2015/03/12 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
2013/07/08 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
js模拟hashtable的简单实例
2014/03/06 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
2014/10/20 Javascript
JavaScript实现的一个倒计时的类
2015/03/12 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
2016/06/03 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
2017/02/27 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
python版本的读写锁操作方法
2016/04/25 Python
Python实现基于POS算法的区块链
2018/08/07 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
Python中的asyncio代码详解
2019/06/10 Python
Django如何批量创建Model
2020/09/01 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
COS美国官网:知名服装品牌
2019/04/08 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
Hotels.com拉丁美洲:从豪华酒店到经济型酒店的预定优惠和折扣
2019/12/09 全球购物
药学专业大学生个人的自我评价
2013/11/04 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
2014最新党员违纪检讨书
2014/10/12 职场文书
户外亲子活动总结
2015/05/08 职场文书
2015年董事长秘书工作总结
2015/07/23 职场文书
SQL Server 中的事务介绍
2022/05/20 SQL Server