javascript - 页面加载时使用逗号格式化类型数字

Question

这个问题已经有答案了:

Set value to currency in <input type="number" /> (6 个回答)

已关闭 7 年前。

我想将所有输入类型数字格式化为逗号分隔值，我在网上找到了转换代码，但它没有按照我想要的方式工作，它应该将所有输入数字转换为特定格式。

我也尝试过，输入文本，但仍然不起作用。

$(document).ready(function() {
  $(".number").each(function() {
    var _val = $(this).val();
    $(this).val(_val.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ","));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input name="locationError" class="number" type="text" value="1221312321" readonly/>
<input name="locationError" type="text" value="1221312321"  class="number" readonly/>

这是不同的，因为我希望它在加载时的文档上

Answer 1

将 html 中的 type="number" 更改为 type="text" 或 type="currency"。

另请记住，将 jquery 选择器更改为 $("input[type='text']") 或 $("input[type='currency']") 用于在您的特定代码片段场景中工作!

$(document).ready(function() {
  $("input[type='text']").each(function() {
    var x = $(this).val();
    alert(x);
    $(this).val(x.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ","));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="locationError" type="text" value="1221312321" />
<input name="locationError" type="text" value="1221312321" />