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，...），所以我用jQueryUI Spinner和step選項 - 所以用戶只能使用微調器插入一個有效的值。

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

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

不幸的是這不符合我上面的代碼工作，我還沒有找到一種方法來解決它尚未...

任何想法如何去..？ 謝謝！

Answer 1

這個混合正常輸入和spinners的例子對我來說工作得很好。

這裏的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> 

你確定是不是名=「[EAN碼]位的一個是導致這些問題？您沒有關閉報價。