Задаю данные
<th><input type="text" name="items[1][quantity]" value="" id="quantity_1" onchange="ff(1)" class="form-control" placeholder="Количество"></th>
<th><input type="text" name="items[1][cost]" id="cost_1" onchange="ff(1)" class="form-control" placeholder="Стоимость"></th>
<th><input type="text" name="items[1][sum]" id="sum_1" onchange="ff(1)" readonly value="" class="form-control" placeholder="Сумма"></th>
<label class="col-md-4 control-label">Сумма</label>
<div class="col-md-4">
<p><input class="form-control" name="total_sum" type="text" id="total" readonly></p>
</div>
<script>
function ff(id)
{
var cost = document.getElementById('cost_'+id).value;
var quantity = document.getElementById('quantity_'+id).value;
var sum = Number(cost) * Number (quantity);
document.getElementById('sum_'+id).value = sum;
console.log("sum");
var elements = document.getElementsByClassName("sum");
var names = '';
var total = '';
console.log(elements);
for(var i=0; i<elements.length; i++)
{
names += elements[i].name;
total = Number(total) + Number(elements[i].value);
}
console.log(total);
document.getElementById('total').value = total;
}
</script>
Первая сумма считается, а вот total
нет. Подскажите в чем ошибка.