Question

您好我正在尝试构建此表单，该表单总计数量，然后乘以一个值并返回总数。

这是我迄今为止尝试过的代码笔http://codepen.io/Ongomobile/pen/grZJvO非常感谢您的帮助！

到目前为止，这是我的功能

$(document).ready(function() {
  $('.input-stepper').inputStepper();
});

$(".input-stepper").keyup(getTotals)

function getTotals() {
  var subTotal = 0;
  // for each div of steppers
  $('.input-stepper').each(function() {
    // get values from this div
    var $val1 = $('.val1', this).val();
    var $val2 = $('.val2', this).val();
    var $total = ($val1 * 1) * ($val2 * 1)
    $('.multTotal', this).text($total);
    subTotal += $total;

  });
  $("#grandTotal").text(subTotal);
}

Answer 1

您的代码工作正常，但是，我假设您希望点击+和-来更改总数。现在，您只是在输入本身上听keyup事件。您还需要在按钮上添加单击处理程序，例如：

$(".input-stepper button").mouseup(getTotals);

请注意，您应该为按钮找到更高效的jQuery选择器（例如将它们添加到类中并直接选择它而不是嵌套的jQuery引用）。

Answer 2

我认为您正在使用jquery.input-stepper.js 这个Js文档说明如果你想在“+/-”按钮上执行任何功能，你需要使用

$('input[type="text"]').on('increase', function (e, amount, plugin) {
   alert('increase with: ' + amount);
});

$('input[type="text"]').on('decrease', function (e, amount, plugin) {
   alert('decrease with: ' + amount);
});

难以从步进器总计显示总值

2 个答案: