JS格式化數字金額用逗號隔開保留兩位小數(轉)

JS格式化數字金額只留兩位小數。寫了個格式化函數。javascript

能夠控制小數位數,自動四捨五入。

js格式化金額的實例詳解。

例如: 
12345格式化爲12,345.00 
12345.6格式化爲12,345.60 
12345.67格式化爲 12,345.67 
只留兩位小數。 
回來後寫了個格式化函數。能夠控制小數位數,自動四捨五入。 
代碼: 

html

  1. function fmoney(s, n) { 
    java

  2. = n > 0 && n <= 20 ? n : 2; 
    函數

  3. = parseFloat((+ "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; 
    spa

  4. var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; 
    orm

  5. = ""; 
    htm

  6. for (= 0; i < l.length; i++) { 
    對象

  7. += l[i] + ((+ 1) % 3 == 0 && (+ 1) != l.length ? "," : ""); 
    ip

  8. } 
    字符串

  9. return t.split("").reverse().join("") + "." + r; 

  10. }

調用:fmoney("12345.675910", 3),返回12,345.676 
還原函數: 

  1. function rmoney(s) { 

  2. return parseFloat(s.replace(/[^\d\.-]/g, "")); 

  3. }

示例(可保存一下代碼爲html文件,運行查看效果): 

  1. <SCRIPT> 

  2. function fmoney(s, n) { 

  3. = n > 0 && n <= 20 ? n : 2; 

  4. = parseFloat((+ "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; 

  5. var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; 

  6. = ""; 

  7. for (= 0; i < l.length; i++) { 

  8. += l[i] + ((+ 1) % 3 == 0 && (+ 1) != l.length ? "," : ""); 

  9. } 

  10. return t.split("").reverse().join("") + "." + r; 

  11. } 

  12. function rmoney(s) { 

  13. return parseFloat(s.replace(/[^\d\.-]/g, "")); 

  14. } 

  15. function g(id) { 

  16. return document.getElementById(id); 

  17. } 

  18. window.onload = function() { 

  19. var num, txt = g("txt"), txt2 = g("txt2"), btn = g("btn"), btn2 = g("btn2"), span = g("span"); 

  20. btn.onclick = function() { 

  21. num = parseInt(g("num").value); 

  22. txt.value = fmoney(txt.value, num); 

  23. txt2.value = fmoney(txt2.value, num); 

  24. }; // 腳本學堂 www.jbxue.com

  25. btn2.onclick = function() { 

  26. num = parseInt(g("num").value); 

  27. span.innerHTML = "=" 

  28. + fmoney(rmoney(txt.value) + rmoney(txt2.value), num); 

  29. }; 

  30. }; 

  31. </SCRIPT> 

  32. 小數點位數: 

  33. <select id="num"> 

  34. <option value="2">2</option> 

  35. <option value="3">3</option> 

  36. <option value="4">4</option> 

  37. <option value="5">5</option> 

  38. </select> 

  39. <input type="text" id="txt" value="12345.675910"> + 

  40. <input type="text" id="txt2" value="1223"> <span id="span"></span> 

  41. <br> 

  42. <input type="button" id="btn" value="格式化"> 

  43. <input type="button" id="btn2" value="相加">

附: 

  1. /* 

  2. * formatMoney(s,type) 

  3. * 功能:金額按千位逗號分割 

  4. * 參數:s,須要格式化的金額數值. 

  5. * 參數:type,判斷格式化後的金額是否須要小數位. 

  6. * 返回:返回格式化後的數值字符串. 

  7. */ 

  8. function formatMoney(s, type) { 

  9. if (/[^0-9\.]/.test(s)) 

  10. return "0"; 

  11. if (== null || s == "") 

  12. return "0"; 

  13. = s.toString().replace(/^(\d*)$/, "$1."); 

  14. = (+ "00").replace(/(\d*\.\d\d)\d*/, "$1"); 

  15. = s.replace(".", ","); 

  16. var re = /(\d)(\d{3},)/; 

  17. while (re.test(s)) 

  18. = s.replace(re, "$1,$2"); 

  19. = s.replace(/,(\d\d)$/, ".$1"); 

  20. if (type == 0) {// 不帶小數位(默認是有小數位) 

  21. var a = s.split("."); 

  22. if (a[1] == "00") { 

  23. = a[0]; 

  24. } 

  25. } 

  26. return s; 

  27. } 

  28. /* 

  29. * 通用DateAdd(interval,number,date) 功能:實現javascript的日期相加功能. 

  30. * 參數:interval,字符串表達式,表示要添加的時間間隔. 參數:number,數值表達式,表示要添加的時間間隔的個數. 參數:date,時間對象. 

  31. * 返回:新的時間對象. var now = new Date(); var newDate = DateAdd("day",5,now); 

  32. * author:devinhua(從○開始) update:2010-5-5 20:35 

  33. */ 

  34. function DateAdd(interval, number, date) { 

  35. if (date == null) 

  36. return ""; 

  37. switch (interval) { 

  38. case "day": 

  39. date = new Date(date); 

  40. date = date.valueOf(); 

  41. date += number * 24 * 60 * 60 * 1000; 

  42. date = new Date(date); 

  43. return date; 

  44. break; 

  45. default: 

  46. return ""; 

  47. break; 

  48. } 

  49. }

原文參考: 
js數值格式化成金額實現代碼
js數值格式化成金額實現代碼

相關文章
相關標籤/搜索