2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

js实现数字(金额)按逗号分隔显示的功能

jQuery作者:猿2048志愿者
我们在日常开发系统,特别是涉及财务的系统时,经常会遇到把金额按三位数隔开显示的功能要求,本文就介绍如何使用js实现金额加逗号分隔的功能。

例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".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 ---www.jb51.net</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" />
<br/>
<input name="tt" type="text" id="tt2" size="80" />
</body>
</html>
本文来源于网络:查看 >
« 上一篇:jquery如何实现按回车键实现登录功能
» 下一篇:jQuery淡入淡出效果fadeIn()/ fadeOut()/fadeToggle()
评论
点击刷新
评论
相关博文

分享“案例”中大奖

开始分享 中奖规则
分享链接:
联系方式:
2021-03-05中奖名单(每日10名)
×添加代码片段