jquery - javascript 数组的总和值？

Question

我已经研究了这个问题的很多不同变体，但我似乎找不到一个特别适合我正在做的事情的变体。

我有由 php/mysql 查询动态创建的输入字段。这些值是数字，并且它们共享一个公共(public)类

<?php
   foreach ($garment_sizes as $key =>$value){echo '<input type="number" class="size_select" name="'.$value.'" onchange="qty_update()"/><label class="size_label">'. strtoupper($value).'</label>';
   }
?>

生成的 HTML:

<input type="number" class="size_select" name="s" onchange="qty_update()"/>
<label class="size_label">S</label>
<input type="number" class="size_select" name="m" onchange="qty_update()"/>
<label class="size_label">M</label> <!-- etc -->

我想创建一个函数来对此类“size_select”的所有字段求和

function qty_update(){
    var values = $('.size_select').serializeArray();
    //having trouble writing the loop here to sum the array..
}

Answer 1

要对与特定选择器匹配的所有字段求和，您可以执行以下操作:

var total = 0;
$('.size_select').each(function() {
    total += parseInt($(this).val(), 10) || 0;
});

// the variable total holds the sum here

函数形式:

function sumSizes() {
    var total = 0;
    $('.size_select').each(function() {
        total += parseInt($(this).val(), 10) || 0;
    });
    return(total);
}