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 相关文章推荐
window.dialogArguments 使用说明
Apr 11 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
在JavaScript应用中实现延迟加载的方法
Jun 25 Javascript
jQuery复制表单元素附源码分享效果演示
Sep 30 Javascript
轮播图组件js代码
Aug 08 Javascript
js实现点击每个li节点,都弹出其文本值及修改
Dec 15 Javascript
微信小程序与php 实现微信支付的简单实例
Jun 23 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
200行代码实现blockchain 区块链实例详解
Mar 14 Javascript
基于vue-upload-component封装一个图片上传组件的示例
Oct 16 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 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学习(三)
2006/10/09 PHP
php visitFile()遍历指定文件夹函数
2010/08/21 PHP
PHP header函数分析详解
2011/08/06 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
ztree获取当前选中节点子节点id集合的方法
2015/02/12 Javascript
js完美解决IE6不支持position:fixed的bug
2015/04/24 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
bootstrap fileinput 插件使用项目总结(经验)
2017/02/22 Javascript
利用js的闭包原理做对象封装及调用方法
2017/04/07 Javascript
微信小程序多列选择器range-key使用详解
2020/03/30 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
2020/07/15 Javascript
[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK
2014/05/25 DOTA
python通过线程实现定时器timer的方法
2015/03/16 Python
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
python读写csv文件方法详细总结
2019/07/05 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
python反转列表的三种方式解析
2019/11/08 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
Python控制台实现交互式环境执行
2020/06/09 Python
css3 伪元素和伪类选择器详解
2014/09/04 HTML / CSS
办公室文秘自我鉴定
2013/09/21 职场文书
暑期社会实践心得体会
2014/09/02 职场文书
协商一致解除劳动合同协议书
2014/09/14 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
2015教师节师德演讲稿
2015/03/19 职场文书
部门优秀员工推荐信
2015/03/24 职场文书
毕业班工作总结
2015/08/10 职场文书