javascript - 将所有文本输入值添加到一个总量框中

Question

我正在尝试做一些看起来很简单但我无法让它工作的事情。我仍然是 Java 的新手，但我对学习比花钱请人帮我做更感兴趣。因此，我们将不胜感激任何帮助和指导。

我有一个产品表格

我有设置数量的选项。 (小号、中号、大号、特大号)

我只需要让底部的主数量框根据用户之前输入的内容更新它的值。

我试过根据我读过的其他帖子编写一个简单的脚本

$("input.Qty").keyup(function(){
  sumValues();
});

function sumValues() {
    var sum = 0;

    $("input.Qty").each(function(){
        var $this = $(this);
        var amount = parseInt($this.val(), 1);
        sum += amount === "" || isNaN(amount)? 0 : amount;
    });

    $("#qtybox").text(sum);
}

$(function() {

  sumValues();

});

根据我读过的所有内容，似乎使用 keyup 方法是最简单的方法。有什么想法或想法吗？

Answer 1

parseInt($this.val(), 1);
                      ^---- You are using the wrong radix

应该是

parseInt($this.val(), 10);

另一个问题可能是您将事件绑定(bind)到 DOM 就绪处理程序之外。因此，在绑定(bind)事件时，元素可能仍然不可用。尝试移动到内部 DOM 就绪处理程序

Check Fiddle

$(function () {
    $("input.Qty").keyup(function () {
        sumValues();
    }).keyup();
});

function sumValues() {
    var sum = 0;

    $("input.Qty").each(function () {
        var $this = $(this);
        var amount = parseInt($this.val(), 10);
        sum += amount === "" || isNaN(amount) ? 0 : amount;
    });

    $("#qtybox").text(sum);
}