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实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
js报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
读jQuery之十二 删除事件核心方法
Jul 31 Javascript
jquery实现焦点图片随机切换效果的方法
Mar 12 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
Mar 10 Javascript
使用js实现将后台传入的json数据放在前台显示
Aug 06 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
Oct 25 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
Aug 08 Javascript
Vue发布订阅模式实现过程图解
Apr 30 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实现Ftp用户的在线管理的代码
2007/03/06 PHP
PHP输出当前进程所有变量/常量/模块/函数/类的示例
2013/11/07 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
php基于socket实现SMTP发送邮件的方法
2015/03/05 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
extjs_02_grid显示本地数据、显示跨域数据
2014/06/23 Javascript
教你在heroku云平台上部署Node.js应用
2014/07/30 Javascript
jQuery中empty()方法用法实例
2015/01/16 Javascript
jQuery实现高亮显示网页关键词的方法
2015/08/07 Javascript
js控制li的隐藏和显示实例代码
2016/10/15 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
2018/10/12 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
详解Python中的多线程编程
2015/04/09 Python
Python实现定时任务
2017/02/08 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
Python目录和文件处理总结详解
2019/09/02 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
Centos7下源码安装Python3 及shell 脚本自动安装Python3的教程
2020/03/07 Python
Python将字典转换为XML的方法
2020/08/01 Python
python开发一款翻译工具
2020/10/10 Python
Python爬虫进阶之爬取某视频并下载的实现
2020/12/08 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
小学生打架检讨书
2014/01/26 职场文书
楼面部长岗位职责范本
2014/02/14 职场文书
付款委托书范本
2014/04/04 职场文书
三方协议书
2015/01/27 职场文书
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
Vue3中toRef与toRefs的区别
2022/03/24 Vue.js