使用 jQuery 在输入框中显示小数点后两位的值，同时保留更高的精度

Question

可能的重复：
JavaScript：格式化数字精确到两位小数

也许我正在考虑这是错误的方式，但我有一些 javascript，它用 12.434234234 等数字填充一些文本输入。我希望文本输入仅显示 12.43，但我希望其值保留为 12.434234234。

这可能吗？如果没有，最好的解决方法是什么？

谢谢！ 约翰.

-

虽然这里有一些非常好的答案，但我一直在寻找类似“你为什么不使用这个聪明的单衬管东西......”之类的东西 - 因此我勾选了最基本的方法，即只使用额外的场地。不过谢谢！标记了所有答案。

Answer 1

num = 12.434234234;
result = num.toFixed(2); // returns 12.43

Answer 2

您可以将细粒度值存储在隐藏字段中，并修剪为用户显示的值。

Answer 3

您可以将输入的值存储为输入的 data（使用 jQuery），在加载时对其进行格式化，然后在 submit 期间替换该值，如下所示：

http://jsfiddle.net/magicaj/8cdRs/1/

HTML:

<form id="form">
    <input type="text" class="formatted-number-input" value="12.434234234" />
</form>

JS:

$(".formatted-number-input").each(function() {
   var value = $(this).val(); 
   $(this).data("originalValue", value);
   var roundedValue = value.toFixed(2);
   $(this).val(roundedValue);
});

$("#form").submit(function() {    
    var formattedInput = $(".formatted-number-input");
    formattedInput.each(function() {
        var originalValue = $(this).data("originalValue");
        $(this).val(originalValue);
    });
});

Answer 4

有多种方法可以解决这个问题：
1. 创建隐藏字段，在其中存储 12.434234234 并在文本字段中显示格式化值。
2. 使用 jquery.data() 存储原始 12.434234234 并在文本字段中显示格式化值。