집 > 기사 > 웹 프론트엔드 > js_javascript 기술 아래 금액의 세 자리마다 쉼표로 구분하세요.

js_javascript 기술 아래 금액의 세 자리마다 쉼표로 구분하세요.

WBOY원래의: 2016-05-16 15:14:531934검색

직장에서 자주 사용하는 것:
예 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 == '' &#63; '0' : number);
  else {
    var mod = number.length % 3;
    var output = (mod == 0 &#63; '' : (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 &#63; '.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 格式化金额的代码---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) &#63; rv + "," + sj.substr(i, 1): rv + sj.substr(i, 1);
 }
 var rvalue = (v[1] == undefined) &#63; 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 및 jQuery_javascript 기술로 구현된 깜박이는 입력 효과다음 기사：JavaScript 및 jQuery_javascript 기술로 구현된 깜박이는 입력 효과

js_javascript 기술 아래 금액의 세 자리마다 쉼표로 구분하세요.

관련 기사