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