如何在保留.toFixed(2)的同时用jQuery实现千位空格分隔符

架构老林

2026-5-11

解决千位空格分隔同时保留两位小数的问题

我完全懂你的困扰——想给计算出的价格加上千位空格分隔，还得保住.toFixed(2)带来的两位小数精度，之前的尝试应该是处理顺序没搞对，才导致小数格式丢了。咱们可以用一个自定义函数同时搞定这两个需求：

步骤1：写一个专门的价格格式化函数

先创建一个函数，先固定小数位数，再给整数部分加千位空格：

function formatPrice(num) {
  // 先强制保留两位小数，转成字符串
  const fixedNum = num.toFixed(2);
  // 拆分整数和小数部分
  const [integerPart, decimalPart] = fixedNum.split('.');
  // 给整数部分添加千位空格分隔
  const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
  // 拼接成最终格式的字符串
  return `${formattedInteger}.${decimalPart}`;
}

步骤2：修改你的jQuery代码

把原来直接用.toFixed(2)的地方，替换成调用这个格式化函数：

var min = 0;
var max = 500000;
jQuery("#input").keyup(function() {
  const inputVal = parseFloat(jQuery("#input").val());
  // 先确保输入是有效数字，再判断范围
  if (!isNaN(inputVal) && inputVal < max && inputVal >= min) {
    const val = inputVal * parseFloat(jQuery(".price1").val());
    // 用自定义函数格式化后再插入页面
    jQuery('#amount1').html(`${formatPrice(val)}$`);
  }
});