jquery - 使用 jQuery 将输入字段四舍五入到小数点后两位

Question

我使用下面的代码制作了一点英寸到 CM 的转换器

$(function () {
    var $src = $('#inches'),
        $dst = $('#cms');
    $src.on('input', function () {
        $dst.val($src.val() * 2.54);
    });
});

在英寸框中按键时，#cms 的值会发生变化，但它可能会留下很多小数，有没有办法阻止它显示超过 2 位小数或四舍五入到 2小数点后位数？

Answer 1

使用toFixed方法始终显示小数点后两位。请注意，它会对结果进行四舍五入。我在这里使用 parseFloat 只是为了安全起见，但这并不是必需的，因为相乘的数字是 2.54，它已经是一个 float 。但在使用整数的情况下，您需要 parseFloat 来始终显示尾随小数。

 $(function () {
    var $src = $('#inches'),
        $dst = $('#cms');
    $src.on('input', function () {
        $dst.val(parseFloat($src.val() * 2.54).toFixed(2));
    });
});