在Jquery中添加多个输入框的值

Question

我正在使用代码点火器。我有一个表格，连续包含三个输入框。 ..i把它们放在一个小于5的for循环中。所以现在我的表格有五行，连续有三个输入框..现在我正在写的是现在我正在添加两个输入框的值并显示在第三个输入框..现在我想要做的是当每个“总计”（第三个输入框）被填充..然后我将添加所有总计，然后显示在底部显示的最后一个框中的所有总计..

这是我的观点

   <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 ..这个函数乘以价格和数量..i表示第一个和第二个输入框，然后显示在第三个框中..

  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

这是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);

Answer 2

我看到你使用jQuery，我已经修改了你的代码以更好地使用jQuery。您可以在JsBIN

查看演示

当您通过计算结果更新一个“总计”单元格时，想法是锁定所有“总计”单元格。将所有“总”单元格汇总到“总计”单元格。我在听“keyup”事件。