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 相关文章推荐
IE Firefox 使用自定义标签的区别
Oct 15 Javascript
基于jquery的鼠标拖动效果代码
May 30 Javascript
Markdown+Bootstrap图片自适应属性详解
May 21 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
Jan 18 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
JavaScript变速动画函数封装添加任意多个属性
Apr 03 Javascript
vue+element模态框中新增模态框和删除功能
Jun 11 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 26 Javascript
vue3.0实现插件封装
Dec 14 Vue.js
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
一个显示天气预报的程序
2006/10/09 PHP
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
PHP addslashes()函数讲解
2019/02/03 PHP
Javascript图像处理—亮度对比度应用案例
2013/01/03 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
JavaScript设计模式之建造者模式介绍
2014/12/28 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
Vue.js实战之组件的进阶
2017/04/04 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
微信小程序车牌号码模拟键盘输入功能的实现代码
2018/11/11 Javascript
jQuery实现简单全选框
2020/09/13 jQuery
python实现的jpg格式图片修复代码
2015/04/21 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
遗传算法之Python实现代码
2017/10/10 Python
Python入门之三角函数atan2()函数详解
2017/11/08 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
使用Python快速制作可视化报表的方法
2019/02/03 Python
python爬取酷狗音乐排行榜
2019/02/20 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
python进行参数传递的方法
2020/05/12 Python
python exit出错原因整理
2020/08/31 Python
HTML5标签使用方法详解
2015/11/27 HTML / CSS
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
哈弗商学院毕业生求职信
2014/02/26 职场文书
安全生产责任书
2014/03/12 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
毕业论文致谢部分怎么写
2015/05/14 职场文书
CSS 实现多彩、智能的阴影效果
2021/05/12 HTML / CSS
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android