добавить значения нескольких полей ввода в JQuery

Question

Я работаю в воспламенителе кода. У меня есть форма, которая содержит три поля ввода в строке. ..i поместите их в цикл for, который меньше пяти. Теперь моя форма имеет пять строк с тремя полями ввода в строке .. теперь, что я делаю, пишу сейчас, я добавляю значения двух полей ввода и отображения в третьем окне ввода .. теперь то, что я хочу сделать, - это когда заполняется каждое «полное» (3-е поле ввода). Затем я собираюсь добавить все итоги, а затем отобразить все итоговые значения в последнем поле, которое я покажу внизу ..

вот мой взгляд

<td><input type="text" id = "price_<?php echo $i ?>" 
         onkeyup='addition(<?php echo "$i"?>)'> 

    </td> 

<td> <input type="text" id = "quantity_<?php echo $i ?>" onkeyup='addition(<?php echo "$i"?>)'> 
</td> 

<td><input type="text" id = "total_<?php echo $i ?>"> 
    </td> 

<?php echo form_input($subtotal)?></td> // here i want to display sum of all the totals 

вот моя функция javascript..this умножает цену и количество ..Я имею в виду первый и 2-ое поле ввода и отображения в 3-м поле ..

function addition (obj) 
    { 
var subtotal = 0; 
var num1=parseInt($('#price_'+obj).val()); 
    var num2=parseInt($('#quantity_'+obj).val()); 
    var num4=parseInt($('#total_'+obj).val()); 

if ($('#price_'+obj).val() !='' && $('#quantity_'+obj).val() !='') 
{ 
    var num3=num1*num2; 
    $('#total_'+obj).val(num3); 

} 

else 
{ 
    $('#total_'+obj).val(''); 
} 


} 

я загрузил изображение также ..

Answer 1

Я вижу, что вы используете jQuery, я немного изменил ваш код, чтобы лучше использовать jQuery. Вы можете увидеть демо на странице JsBIN

Идея блокирует всю «общую» ячейку, когда вы обновляете одну «итоговую» ячейку, вычисляя результат. Суммируйте всю «итоговую» ячейку к «большой сумме». Я слушаю событие «keyup».

Answer 2

Вот jsFiddle пример: http://jsfiddle.net/Ner7M/2/

кодекс интересов:

var table = $('table'); 

// nth-child is 1-based, not 0 
function totalColumn(table, idx) { 
    var total = 0; 
    var tds = $('table') 
     .find('tr td:nth-child(' + idx + ') input') 
     .each(function() { 
     total += parseInt($(this).val()); 
    }); 
    return total; 
} 

totalColumn(table, 3);