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|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|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|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|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|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|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|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

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

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

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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