blocks|key|1370214|text|你可以试试NumberFormatter。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1370215|$(this).format({format:"#,###.00",+locale:"us"});|code-block|syntax|javascript|1370216|它还支持不同的地区，当然包括美国。|1370217|下面是一个如何使用它的非常简单的例子：|1370218|<html>
++++<head>
++++++++<script+type="text/javascript"+src="jquery.js"></script>
++++++++<script+type="text/javascript"+src="jquery.numberformatter.js"></script>
++++++++<script>
++++++++$(document).ready(function()+{
++++++++++++$(".numbers").each(function()+{
++++++++++++++++$(this).format({format:"#,###",+locale:"us"});
++++++++++++});
++++++++});
++++++++</script>
++++</head>
++++<body>
++++++++<div+class="numbers">1000</div>
++++++++<div+class="numbers">2000000</div>
++++</body>
</html>|1370219|输出：|1370220|1,000
2,000,000|1370221|entityMap|0|LINK|mutability|MUTABLE|url|http://plugins.jquery.com/project/numberformatter^0|5|F|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|17|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|C|$]]|$1|Q|3|R|5|F|7|19|8|@]|9|@]|C|$G|H]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

<p>You could try <a href="http://plugins.jquery.com/project/numberformatter" rel="noreferrer">NumberFormatter</a>.</p>

<pre><code>$(this).format({format:"#,###.00", locale:"us"});
</code></pre>

<p>It also supports different locales, including of course US.</p>

<p>Here's a very simplified example of how to use it:</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="jquery.numberformatter.js"&gt;&lt;/script&gt;
        &lt;script&gt;
        $(document).ready(function() {
            $(".numbers").each(function() {
                $(this).format({format:"#,###", locale:"us"});
            });
        });
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div class="numbers"&gt;1000&lt;/div&gt;
        &lt;div class="numbers"&gt;2000000&lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Output:</p>

<pre><code>1,000
2,000,000
</code></pre>


blocks|key|1155178|text|您还可以查看jquery+FormatCurrency插件(我是该插件的作者)；它也支持多语言环境，但可能有您不需要的货币支持开销。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1155179|$(this).formatCurrency({+symbol:+'',+roundToDecimalPlace:+0+});|code-block|syntax|javascript|1155180|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery-formatcurrency.googlecode.com/^0|D|E|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>You can also look at the jquery <a href="http://jquery-formatcurrency.googlecode.com" rel="nofollow noreferrer">FormatCurrency</a> plugin (of which I am the author); it has support for multiple locales as well, but may have the overhead of the currency support that you don't need.</p>

<pre><code>$(this).formatCurrency({ symbol: '', roundToDecimalPlace: 0 });
</code></pre>


blocks|key|1155219|text|这不是jQuery，但它适用于我。摘自this+site。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1155220|function+addCommas(nStr)+{
++++nStr+%2B=+'';
++++x+=+nStr.split('.');
++++x1+=+x[0];
++++x2+=+x.length+>+1+?+'.'+%2B+x[1]+:+'';
++++var+rgx+=+/(\d%2B)(\d{3})/;
++++while+(rgx.test(x1))+{
++++++++x1+=+x1.replace(rgx,+'$1'+%2B+','+%2B+'$2');
++++}
++++return+x1+%2B+x2;
}|code-block|syntax|javascript|1155221|entityMap|0|LINK|mutability|MUTABLE|url|http://www.mredkj.com/javascript/nfbasic.html^0|J|9|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>This is not jQuery, but it works for me. Taken from <a href="http://www.mredkj.com/javascript/nfbasic.html" rel="noreferrer">this site</a>.</p>

<pre><code>function addCommas(nStr) {
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length &gt; 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return x1 + x2;
}
</code></pre>


blocks|key|1155277|text|如果你正在使用正则表达式，不确定替换tho的确切语法，就像这样！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155278|MyNumberAsString.replace(/(\d)(?=(\d\d\d)%2B(?!\d))/g,+"$1,");|code-block|syntax|javascript|1155279|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Something like this if you're into regex, not sure of the exact syntax for the replace tho!</p>

<pre><code>MyNumberAsString.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
</code></pre>


blocks|key|1370398|text|@Paul+Creasey有一个最简单的解决方案作为正则表达式，但这里是一个简单的jQuery插件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1370399|$.fn.digits+=+function(){+
++++return+this.each(function(){+
++++++++$(this).text(+$(this).text().replace(/(\d)(?=(\d\d\d)%2B(?!\d))/g,+"$1,")+);+
++++})
}|code-block|syntax|javascript|1370400|然后您可以像这样使用它：|1370401|$("span.numbers").digits();|1370402|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>@Paul Creasey had the simplest solution as the regex, but here it is as a simple jQuery plugin:</p>

<pre><code>$.fn.digits = function(){ 
    return this.each(function(){ 
        $(this).text( $(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") ); 
    })
}
</code></pre>

<p>You could then use it like this:</p>

<pre><code>$("span.numbers").digits();
</code></pre>


blocks|key|1370434|text|使用函数号()；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1370435|​|1370436|$(function()+{

++var+price1+=+1000;
++var+price2+=+500000;
++var+price3+=+15245000;

++$("span#s1").html(Number(price1).toLocaleString('en'));
++$("span#s2").html(Number(price2).toLocaleString('en'));
++$("span#s3").html(Number(price3).toLocaleString('en'));

++console.log(Number(price).toLocaleString('en'));

});|code-block|syntax|javascript|1370437|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<span+id="s1"></span><br+/>
<span+id="s2"></span><br+/>
<span+id="s3"></span><br+/>|1370438|1370439|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>Use function Number();</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {

  var price1 = 1000;
  var price2 = 500000;
  var price3 = 15245000;

  $("span#s1").html(Number(price1).toLocaleString('en'));
  $("span#s2").html(Number(price2).toLocaleString('en'));
  $("span#s3").html(Number(price3).toLocaleString('en'));

  console.log(Number(price).toLocaleString('en'));

});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;

&lt;span id="s1"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="s2"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span id="s3"&gt;&lt;/span&gt;&lt;br /&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1155368|text|您可以使用Number.toLocaleString()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1155369|​|1155370|var+number+=+1557564534;
document.body.innerHTML+=+number.toLocaleString();
//+1,557,564,534|code-block|syntax|javascript|1155371|1155372|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString^0|5|N|5|N|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U]]]]

<p>You could use <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString"><code>Number.toLocaleString()</code></a>:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var number = 1557564534;
document.body.innerHTML = number.toLocaleString();
// 1,557,564,534</code></pre>
</div>
</div>
</p>


blocks|key|1370487|text|这是我的javascript，只在firefox和chrome上测试过。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1370488|<html>
<header>
<script>
++++function+addCommas(str){
++++++++return+str.replace(/%5E0%2B/,+'').replace(/\D/g,+"").replace(/\B(?=(\d{3})%2B(?!\d))/g,+",");
++++}

++++function+test(){
++++++++var+val+=+document.getElementById('test').value;
++++++++document.getElementById('test').value+=+addCommas(val);
++++}
</script>
</header>
<body>
<input+id="test"+onkeyup="test();">
</body>
</html>|code-block|syntax|javascript|1370489|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Here is my javascript, tested on firefox and chrome only</p>

<pre><code>&lt;html&gt;
&lt;header&gt;
&lt;script&gt;
    function addCommas(str){
        return str.replace(/^0+/, '').replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }

    function test(){
        var val = document.getElementById('test').value;
        document.getElementById('test').value = addCommas(val);
    }
&lt;/script&gt;
&lt;/header&gt;
&lt;body&gt;
&lt;input id="test" onkeyup="test();"&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|1155512|text|function+formatNumberCapture+()+{
$('#input_id').on('keyup',+function+()+{
++++$(this).val(function(index,+value)+{
++++++++return+value
++++++++++++.replace(/\D/g,+"")
++++++++++++.replace(/\B(?=(\d{3})%2B(?!\d))/g,+",")
++++++++++++;
++++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1155513|你可以试试这个，它对我很有效。|unstyled|1155514|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>function formatNumberCapture () {
$('#input_id').on('keyup', function () {
    $(this).val(function(index, value) {
        return value
            .replace(/\D/g, &quot;&quot;)
            .replace(/\B(?=(\d{3})+(?!\d))/g, &quot;,&quot;)
            ;
    });
});
</code></pre>
<p>You can try this, it works for me</p>


blocks|key|1155550|text|使用此代码在jquery的输入文本中仅添加数字并在三位数字后添加逗号：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155551|$(".allow-numeric-addcomma").on("keypress++blur",+function+(e)+{
+++return+false;+
});

$(".allow-numeric-addcomma").on("keyup",+function+(e)+{

++++var+charCode+=+(e.which)+?+e.which+:+e.keyCode
if+(String.fromCharCode(charCode).match(/[%5E0-9]/g))
++++return+false;

value+=+$(this).val().replace(/,/g,+'')+%2B+e.key;
var+nStr+=+value+%2B+'';
nStr+=+nStr.replace(/\,/g,+"");
x+=+nStr.split('.');
x1+=+x[0];
x2+=+x.length+>+1+?+'.'+%2B+x[1]+:+'';
var+rgx+=+/(\d%2B)(\d{3})/;
while+(rgx.test(x1))+{
++++x1+=+x1.replace(rgx,+'$1'+%2B+','+%2B+'$2');
}

$(this).val(x1+%2B+x2);
return+false;
});|code-block|syntax|javascript|1155552|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>use this code to add only number and add comma after three digit in input text from jquery:</p>
<pre><code>$(&quot;.allow-numeric-addcomma&quot;).on(&quot;keypress  blur&quot;, function (e) {
   return false; 
});

$(&quot;.allow-numeric-addcomma&quot;).on(&quot;keyup&quot;, function (e) {

    var charCode = (e.which) ? e.which : e.keyCode
if (String.fromCharCode(charCode).match(/[^0-9]/g))
    return false;

value = $(this).val().replace(/,/g, '') + e.key;
var nStr = value + '';
nStr = nStr.replace(/\,/g, &quot;&quot;);
x = nStr.split('.');
x1 = x[0];
x2 = x.length &gt; 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
    x1 = x1.replace(rgx, '$1' + ',' + '$2');
}

$(this).val(x1 + x2);
return false;
});
</code></pre>


<p>How can I format numbers using a comma separator every three digits using jQuery?</p>

<p>For example:</p>

<pre class="lang-none prettyprint-override"><code>╔═══════════╦═════════════╗
║   Input   ║   Output    ║
╠═══════════╬═════════════╣
║       298 ║         298 ║
║      2984 ║       2,984 ║
║ 297312984 ║ 297,312,984 ║
╚═══════════╩═════════════╝
</code></pre>


Add comma to numbers every three digits

如何使用jQuery每三位使用逗号分隔符格式化数字？例如：╔═══════════╦═════════════╗║   Input   ║   Output    ║╠═══════════╬═════════════╣║       298 ║         298 ║║      2984 ║       2,9...

问每三位数字加一次逗号
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问每三位数字加一次逗号EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问每三位数字加一次逗号
EN