вход сумма массив с JQuery

Question

Привет У меня есть неизвестное количество входов с именем массива и класса

<input type="hidden" name="hidden[1]" class="sum" value="31"> 
<input type="hidden" name="hidden[2]" class="sum" value="21"> 
<input type="hidden" name="hidden[3]" class="sum" value="321"> 
<input type="hidden" name="hidden[4]" class="sum" value="-31"> 
<input type="hidden" name="hidden[5]" class="sum" value="31.12"> 
<input type="hidden" name="hidden[6]" class="sum" value="0"> 

Вопрос в том, как сумма всех значений этих полей, что я стараюсь, чтобы использовать .each() и getElementByClassName, но это не буду работать

Answer 1

Я попытался с помощью каждого, он работал для меня. Проверьте, если вы использовали parseFloat ...
Если у вас есть «сумма» как класс, чтобы определить все элементы, которые должны быть рассчитаны, ниже код должен работать ....

$(document).ready(function() { 
    var total = 0; 
    $('.sum').each(function (index, element) { 
     total = total + parseFloat($(element).val()); 
    }); 
    alert(total); 
}); 

Answer 2

перебрать соответствующие элементы и добавить их значения вместе:

var total = 0; 
$(".sum").each(function(){ 
    total += parseFloat($(this).val()) || 0; 
}); 

Я использую $.each() перебрать все элементы, соответствующие .sum, а затем извлечь атрибут value с помощью .val(). Как только мы получим эту ценность, нам нужно убедиться, что она численная, поэтому я использовал parseFloat(). Если parseFloat() вернет значение фальши, будет использоваться 0.

Ссылки:

• $.each()
• parseFloat()

Answer 3

Использование each функции JQuery для перебора input.sum элементов будет достаточно.

var sum = 0; 
$('input.sum').each(function() { 
    var value = +this.value || 0; 
    sum += value; 
}); 

Working demo

Answer 4

var totalSum = 0; 
$('.sum').each(function() { 
    totalSum += parseFloat(this.value); 
}); 

DEMO

Answer 5

вы можете сделать это, как этот

var total = 0; 
$('.sum').each(function() { 
total += parseFloat($(this).val()); 
});