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天然的迭代器
Oct 29 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
jQuery中last()方法用法实例
Jan 06 Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
JavaScript基础之AJAX简单的小demo
Jan 29 Javascript
ES6教程之for循环和Map,Set用法分析
Apr 10 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
JavaScript parseInt0.0000005打印5原理解析
Jul 23 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函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
Javascript的一种模块模式
2008/03/22 Javascript
javascript显示隐藏层比较不错的方法分析
2008/09/30 Javascript
利用js(jquery)操作Cookie的方法说明
2013/12/19 Javascript
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
javaScript如何跳出多重循环break、continue
2016/09/01 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
2016/12/08 Javascript
jQuery无刷新上传之uploadify简单代码
2017/01/17 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
2020/05/15 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
2020/09/01 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
Python中的高级函数map/reduce使用实例
2015/04/13 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
python3.4实现邮件发送功能
2018/05/28 Python
详解python websocket获取实时数据的几种常见链接方式
2019/07/01 Python
python各类经纬度转换的实例代码
2019/08/08 Python
Django stark组件使用及原理详解
2019/08/22 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
基于Python模拟浏览器发送http请求
2020/11/06 Python
思想政治自我鉴定
2013/10/06 职场文书
后备干部考察材料
2014/02/12 职场文书
商业项目策划方案
2014/06/05 职场文书
禁毒宣传活动总结
2014/08/26 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
2015年扶贫帮困工作总结
2015/05/20 职场文书
战马观后感
2015/06/08 职场文书
2019各种承诺书范文
2019/06/24 职场文书
Go 中的空白标识符下划线
2022/03/25 Golang