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

Php 在Jquery中添加多个输入框的值,php,javascript,forms,codeigniter,jquery,Php,Javascript,Forms,Codeigniter,Jquery,我在一个密码点火器里工作。我有一个表格,其中包含三个输入框在一行。。我把它们放在一个小于5的for循环中。所以现在我的表单有五行,一行有三个输入框。。现在我正在写的是,我正在添加两个输入框的值,并在第三个输入框中显示。。现在我想做的是当每个“总计”(第三个输入框)都被填满时。。然后我要加上所有的总数,然后在底部显示的最后一个框中显示所有的总数 这是我的看法 <td><input type="text" id = "price_<?php echo $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>
我也上传了图片


以下是JSFIDLE示例:

兴趣代码:

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

我看到您使用了jQuery,我对您的代码进行了一些修改,以便更好地使用jQuery。您可以在


其思想是在通过计算结果更新一个“总计”单元格时锁定所有“总计”单元格。将所有“总计”单元格和“总计”单元格相加。我在听“钥匙”事件。

对不起,你有什么问题?@trung heiu le。。在第3列中,您可以看到的最后一个蓝色突出显示的框。。。我想添加所有总数,然后想显示在最后一个蓝色高亮显示的输入框中。。。。。指第三列,其中包含所有总计。。好的,那么我想要的是在第三列的第六个输入框中..我想显示所有总数的总和..你得到了吗?>Thaaaaaaaaaaaaaaaaaaaaaaaaaakans..它工作了。。。你摇滚,你摇滚。。。非常感谢你
  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('');
 }


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