jquery-ui-spinner - jQueryUI 微调器：迭代输入和求和值

Question

我有一个巨大的订单表格，每行有多个输入（每种产品有不同的变化）。

我遍历输入并对这些值求和以获得产品单位的总数。

$('input', $tr).each(function() { // iterate over inputs
    units += Number($(this).val()) || 0; // parse and add value, if NaN then add 0
});

这适用于正常输入。

因为有些产品只有 10 的倍数（10 件、20、30，...），所以我使用了带有 step 选项的 jQueryUI Spinner - 所以用户只能使用 spinner 来插入有效值。

<input class="spinner" name="[ean-code] readonly>

var spinner = $('.spinner').spinner({
    min: 0,
    step: 5
});

不幸的是，这不适用于我上面的代码，我还没有找到修复它的方法......

任何想法如何继续..？谢谢！

Answer 1

这个混合正常输入和微调器的示例对我来说很好。

这里的Javascript代码：

$(function() {
    $(".spinner").spinner({
        min:0,
        step:5
    });

    $("#calculate").on("click", function() {
        var units = 0;

        $('input').each(function() {
            units += Number($(this).val()) || 0;
        });

        alert(units);
    });
});

这里是 HTML 代码：

<input class="spinner" readonly>
<input type="text">
<button id="calculate">Sum values</button>

你确定不是那个name="[ean-code] bit 是导致问题的那个吗？你没有在那里关闭引号。