Как получить value всех input-ов?

#javascript #jquery

Мне нужно получить значение всех инпутов, каждый из которых находится в родительском
блоке. И полученные значения, сложить в сумме. 

    

         
    

         
    

         
    


Я пытаюсь сделать это примерно так:

$('.total').find('.hidden-grand-total').each(function(i) {
      console.log($('.total').find('.hidden-grand-total').val());
});

    

Ответы

Ответ 1

let id = $('.total').map(function(i, el) {
  return $('.hidden-grand-total', el).val();
}).get();
console.log(id);


  


  


  





UPD Не заметил сразу, что нужна сумма значений. Исправляюсь:



let sum = $('.total').get().reduce(function(p, c) {
  return +$('.hidden-grand-total', c).val() + p;
}, 0);
console.log(sum);


  


  


  



Ответ 2

Сделал вариант с суммированием значений.



var sum = 0;

$('.total').find('.hidden-grand-total').each(function() {
      sum = sum + parseInt($(this).val());
});

console.log(sum);


         
    

         
    

         
    


Ответ 3

var inputGrand = document.querySelectorAll('.hidden-grand-total');
var inputGrandSum = 0;

for(var i = 0; i < inputGrand.length; i++){	
	inputGrandSum += parseFloat(inputGrand[i].value);	
}
console.log(inputGrandSum);
document.querySelector('.result').innerHTML = 'Сумма ' +  inputGrandSum;