js数字格式化、格式化float、金额格式化实例

发布时间:2020-02-15编辑:脚本学堂
本文介绍了js编程中,有关数字格式化、金额格式化的例子,有关js格式化金额、js格式化数字的方法,有需要的朋友参考下。

本节内容:
js数字格式化、金额格式化的例子。

例如:
 

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="相加">

您可能感兴趣的文章: