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件......），所以我使用了jQueryUI Spinner和step选项 - 因此用户只能使用微调器来插入有效值。 / p>

<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] 是不是导致问题的那个？你没有关闭那里的引号。

jQueryUI微调器：迭代输入和求和值

1 个答案: