jQuery问题：输入框值无法存入变量，存为空白或整数0

嘿，我仔细看了你的代码，发现几个关键问题导致你没法正确把输入框内容存入变量，甚至出现整数变0的情况，咱们一个个解决：

核心问题点 #

• 初始值只读取一次，未实时更新：你把cantidad和costo的获取写在了事件绑定的外层，也就是调用attachKeyupEventDescuento时只拿了一次输入框的初始值，之后输入框内容变化时，这两个变量不会自动同步最新值，计算出来的结果自然不对。
• 字符串未转数字类型：jQuery的.val()返回的是字符串类型，直接用字符串相乘会触发隐式转换，但空字符串会被转成0，非数字字符会变成NaN，这就是你看到空白或整数变0的原因。
• 变量未声明导致全局污染：total没有用var/let/const声明，会变成全局变量，容易和其他代码冲突，引发意外问题。

修复后的完整代码 #

function attachKeyupEventDescuento(inputElement, i) {
    // 将变量获取逻辑移入keyup事件内部，确保每次触发都拿最新值
    $(inputElement).keyup(function() {
        // 显式转换为数字，空值/非数字内容默认设为0，避免NaN
        const cantidad = Number($('#txt_compras_cantidad' + i).val()) || 0;
        const costo = Number($('#txt_compras_costoUni' + i).val()) || 0;
        let total = cantidad * costo;
        
        console.log(total);
        
        // 用$(this)指代当前触发事件的输入框，更简洁可靠
        if ($(this).val() !== '') {
            const descuento = Number($(this).val()) || 0;
            // 补全你未写完的折扣计算逻辑，示例假设折扣是百分比
            const descuentoTotal = total - (total * descuento / 100);
            // 可以把结果赋值给对应的输入框，比如：
            // $('#txt_compras_totalDescuento' + i).val(descuentoTotal.toFixed(2));
        }
    });
}

改动说明 #

1. 实时获取输入值：把cantidad和costo的获取移到keyup回调内部，每次按键触发时都会读取输入框的最新内容。
2. 显式类型转换：用Number()把字符串转成数字，搭配|| 0处理空值或非数字输入，确保计算时不会出现NaN或意外的0。
3. 规范变量声明：所有变量都用const/let声明，避免全局变量污染，代码更安全。
4. 使用$(this)：在事件内部用$(this)代替传入的inputElement，确保指代的是当前触发事件的元素，逻辑更清晰。

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