jquery - javascript数组的总和值？

我看过这个问题的很多不同的变体，但我似乎无法找到一个特别适合我正在做的事情。

我有由 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..
}

最佳答案

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

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);
}

关于jquery - javascript数组的总和值？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9627475/