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 相关文章推荐
JQuery for与each性能比较分析
May 14 Javascript
js实现快速分享功能(你的文章分享工具)
Jun 25 Javascript
javascript学习笔记之10个原生技巧
May 21 Javascript
jquery制作属于自己的select自定义样式
Nov 23 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 Javascript
iview给radio按钮组件加点击事件的实例
Sep 30 Javascript
react实现一个优雅的图片占位模块组件详解
Oct 30 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
微信小程序图片自适应实现解析
Jan 21 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
Jul 28 Javascript
jQuery-App输入框实现实时搜索
Nov 19 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
第三节 定义一个类 [3]
2006/10/09 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
php错误日志简单配置方法
2016/07/11 PHP
CentOS系统中PHP安装扩展的方式汇总
2017/04/09 PHP
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
2013/01/18 Javascript
JS获取DropDownList的value值与text值的示例代码
2014/01/07 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
SyntaxHighlighter 3.0.83使用笔记
2015/01/26 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
全面解析Bootstrap弹窗的实现方法
2015/12/01 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
2017/02/13 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
2018/04/12 jQuery
layui实现给某一列加点击事件
2019/10/26 Javascript
Nodejs文件上传、监听上传进度的代码
2020/03/27 NodeJs
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
[48:48]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Dream TIME
2014/05/21 DOTA
python实现多线程网页下载器
2018/04/15 Python
python连接mongodb密码认证实例
2018/10/16 Python
python程序快速缩进多行代码方法总结
2019/06/23 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
linux面试题参考答案(4)
2014/09/21 面试题
linux面试题参考答案(10)
2016/10/26 面试题
文明礼貌演讲稿
2014/05/12 职场文书
管理标语大全
2014/06/24 职场文书
一份关于丢失公司财物的检讨书
2014/09/19 职场文书
运动会800米赞词
2015/07/22 职场文书
春节随笔
2015/08/15 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏