jQuery折扣计算器插件小数折扣百分比计算失效求助

你的计算器无法正确计算5.45%、10.50%这类带小数的折扣百分比，核心问题出在精度截断和类型转换两个方面：

• 代码中用toFixed(2)将折扣比例强制截断为两位小数，比如10.45%会被转成0.10而非真实的0.1045，直接丢失精度
• 从input获取的val()是字符串类型，直接相乘会触发隐式转换，进一步放大误差

修改后的代码 #

<input type="text" id="Amount" value=""><input type="text" value="10.45" id="Discount"><input type="text" id="Result">

$(document).on("change keyup blur", "#Discount", function() {
    // 将输入值转为数字，空输入默认设为0
    var main = parseFloat($('#Amount').val()) || 0;
    var disc = parseFloat($('#Discount').val()) || 0;
    
    // 保留完整精度计算折扣比例
    var discountRatio = disc / 100;
    var discountAmount = main * discountRatio;
    var finalAmount = main - discountAmount;
    
    // 仅在展示结果时统一小数位数（这里保留2位）
    $('#Result').val(finalAmount.toFixed(2));
});

关键修改说明 #

1. 类型转换：用parseFloat()把输入的字符串转为数字，同时用|| 0处理空输入的情况，避免出现NaN导致计算异常
2. 保留计算精度：移除对折扣比例的toFixed(2)截断，确保计算过程使用完整的小数精度
3. 统一展示格式：仅在最终结果输出时使用toFixed(2)，保证展示的数值符合货币类数据的格式要求，又不影响计算准确性

测试示例：输入金额100，折扣10.45，结果将正确显示为89.55，而非之前的90。

内容的提问来源于stack exchange，提问作者user2996362