【问题标题】:How do I display large numbers with commas? HTML如何用逗号显示大数字? HTML
【发布时间】:2015-03-01 22:17:57
【问题描述】:

我想用逗号更好地显示大数字。因此,如果数字是 123456789,它将显示 123,456,789。我环顾四周,但只发现无法按我想要的方式工作的代码,所以我希望我能在这里找到一些帮助。另外,我希望它也是动态的,所以逗号会随着数字的变化而变化。

我想要影响的数字具有 id="value"。

应该就是这样,我不认为我错过了什么。因此,我再次希望具有 id="value" 的数字在需要时引入逗号。如果您需要更多信息,请告诉我!

【问题讨论】:

  • @michaelpri 我刚刚检查过,并尝试使用第一个 cmets 代码,但它不起作用。我不明白如何将其应用到我的代码中以使其采用正确的数字。
  • 这个问题纯粹是用 HTML 术语提出的。然而,JavaScript 的答案已被接受。 as ask 问题的正确答案是您只需在 HTML 中以所需格式输入数字。如果问题是关于在 JavaScript 中修改 HTML 内容,则应该将其作为重复项关闭。

标签: html


【解决方案1】:

这里已经回答了:

How to print a number with commas as thousands separators in JavaScript

如果您对阅读上面的答案不感兴趣,给出的代码是这样的:

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

如果您使用的是 jquery,请使用以下内容:

var val = parseInt($('#value').text());
//Use the code in the answer above to replace the commas.
val = numberWithCommas(val);
$('#value').text(val);

【讨论】:

  • 我确信这会起作用,但我不知道该怎么做。你给了我两个代码,但说使用第二个,然后在第二个中说使用第一个。我不知道该怎么办。
  • 代码的第一部分只是用于分隔逗号的函数。第二个代码是将值更改为用逗号填充的值的实际工作。请注意,@Jiri Kremser 给出的答案实际上非常棒。考虑一下
  • 我仍然没有得到任何结果,我应该更改代码中的某些内容吗?
  • 好的,我明白了。它确实有效,但不是我想要的。只有当数字是固定的并且作为一个大数字放置在那里时,这才有效。如果数字发生变化,它将不起作用。
  • 使用输入字段。当该输入的值发生变化时,运行该函数。在这里查看:jsfiddle.net/lrojas94/k9dac6x4/1
【解决方案2】:

你可以使用toLocaleString:

num.toLocaleString('en', {useGrouping:true})

【讨论】:

  • 这应该是答案!
【解决方案3】:

toLocaleString 有一个更简单的语法:

Number(x).toLocaleString();

这使您可以将数字作为变量放入,而不是将数字转换为对象。

【讨论】:

  • 1) 数字 javascript 中的对象; 2)如果它是一个已经是数字的变量,你不需要重新转换它,x.toLocaleString() 可以正常工作; 3)如果你使用的是文字,括号很多(1234567.456).toLocaleString()
猜你喜欢
  • 2018-11-21
  • 1970-01-01
  • 1970-01-01
  • 2020-02-25
  • 1970-01-01
  • 2013-01-24
  • 1970-01-01
  • 1970-01-01
  • 2013-11-28
相关资源
最近更新 更多