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をステップオプションとともに使用しました。そのため、ユーザーはスピナーを使用して有効な値を挿入できます。

任意のアイデアはどのように行くために...

<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> 

は、あなたは確かである1ビットその名= "[EANコード]ではありませんされています問題を引き起こしていますか？あなたはそこで引用符を閉じていません。