javascript - jQuery:输入的值不保存在变量中

Question

我无法将输入内容保存在变量中。它保存为空格，或者如果它是整数:0

这是我的代码:

function attachKeyupEventDescuento(inputElement, i) {
  var cantidad = $('#txt_compras_cantidad' + i).val()
  var costo = $('#txt_compras_costoUni' + i).val()
  total = (cantidad * costo)
  $(inputElement).keyup(function() {
    console.log(total)
    if (inputElement.val() !== '') {
      var descuento = inputElement.val()
      var descuentoTotal = ($('#txt_compras_cantidad' + i).val() * $('#txt_compras_costoUni' + i).val()) - ($('#txt_compras_cantidad' + i).val() * $('#txt_compras_costoUni' + i).val() * (descuento / 100))
      $('#spn_compras_total' + i).text(descuentoTotal.toFixed(2))
      sumarprecioFinal()
    } else {
      $('#spn_compras_total' + i).text(($('#txt_compras_cantidad' + i).val() * $('#txt_compras_costoUni' + i).val()).toFixed(2))
    }
  })
}

让我解释一下代码:

var cantidad = $('#txt_compras_cantidad' + i).val()
var costo = $('#txt_compras_costoUni' + i).val()

如果我将它们保存在这些变量中，我会得到一个空格，但如果我使用它们而不将它们保存在变量中，它们会完美地工作。为什么会发生这种情况？

从在我的表中创建新行的按钮调用此函数。 inputelement 是要附加 keyup 事件的当前输入。

Answer 1

请查找更新后的代码

function attachKeyupEventDescuento(inputElement, i) {
  var cantidad = parseInt($('#txt_compras_cantidad' + i).val());
  var costo = parseInt($('#txt_compras_costoUni' + i).val());
  var total = (cantidad * costo)
  $(inputElement).keyup(function() {
    console.log(total)
    if ($(inputElement).val() !== '') {
      var descuento = parseInt($(inputElement).val());
      var descuentoTotal = (cantidad * costo) - (cantidad * costo * (descuento / 100));
      $('#spn_compras_total' + i).text(descuentoTotal.toFixed(2))
      sumarprecioFinal()
    } else {
      $('#spn_compras_total' + i).text((cantidad * costo).toFixed(2))
    }
  })
}

当您从输入中获取值时，它始终是一个字符串。尝试解析输入的值。