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

Question

我正在使用代码点火器。我有一个表格，其中连续包含三个输入框。..我把它们放在一个小于五个的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..这个函数将价格和数量相乘..我的意思是第一个和第二个输入框，然后显示在第三个框中..

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