金额数字的格式化(转自mimimo的百度空间)

     我们在网站开发中经常要对数字进行格式化,以前自己也写过一个格式化数字的js函数,不过感觉功能比较简单,今天在mimimo的空间上看到他的一篇文章,里面的函数写的不错,记录如下:
原文地址:http://hi.baidu.com/mimimo/blog/item/627db4357cf7058ca61e123c.html

     例如:
12345
格式化为12,345.00
12345.6
格式化为12,345.60
12345.67
格式化为12,345.67
只留两位小数。

回来后写了个格式化函数。可以控制小数位数,自动四舍五入。

代码如下:
function fmoney(s, n)
{
   n = n > 0 && n <= 20 ? n : 2;
   s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
   var l = s.split(".")[0].split("").reverse(),
   r = s.split(".")[1];
   t = "";
   for(i = 0; i < l.length; i ++ )
   {
      t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
   }
   return t.split("").reverse().join("") + "." + r;
}
调用:fmoney("12345.675910", 3),返回12,345.676

还原函数:
function rmoney(s)
{
   return parseFloat(s.replace(/[^\d\.-]/g, ""));
}

示例(可保存一下代码为html文件,运行查看效果):
<SCRIPT>
function fmoney(s, n)
{
   n = n > 0 && n <= 20 ? n : 2;
   s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
   var l = s.split(".")[0].split("").reverse(),
   r = s.split(".")[1];
   t = "";
   for(i = 0; i < l.length; i ++ )
   {
      t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
   }
   return t.split("").reverse().join("") + "." + r;
}
function rmoney(s)
{
   return parseFloat(s.replace(/[^\d\.-]/g, ""));
}
function g(id)
{
   return document.getElementById(id);
}
window.onload = function()
{
   var num,
   txt = g("txt"),
   txt2 = g("txt2"),
   btn = g("btn"),
   btn2 = g("btn2"),
   span = g("span");
   btn.onclick = function()
   {
      num = parseInt(g("num").value);
      txt.value = fmoney(txt.value, num);
      txt2.value = fmoney(txt2.value, num);
   }
   ;
   btn2.onclick = function()
   {
      num = parseInt(g("num").value);
      span.innerHTML = "=" + fmoney(rmoney(txt.value) + rmoney(txt2.value), num);
   }
   ;
}
;
</SCRIPT>
小数点位数:
<select id="num">
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="text" id="txt" value="12345.675910"> +
<input type="text" id="txt2" value="1223"> <span id="span"></span>
<br>
<input type="button" id="btn" value="格式化">
<input type="button" id="btn2" value="相加">

 

posted @ 2009-04-05 13:13  John Liu  阅读(1476)  评论(0编辑  收藏  举报