如何计算最后td输入的总和

Question

我的表单

请参阅上面的图片以便更好地理解。

我希望获得每行最后一个td（总计）的前两个td的总和。 我在这段代码中的当前jquery代码试图得到td（total）id

的值

boo.foo_method(1)
  #=> 2

和打印表的PHP代码是

function foc(id){
  $id=id;
  $par=$(id).closest('tr').children(find('td:last')).children('input #total').val();
  console.log($par);
}

Answer 1

一种方法是使用jQuery将keyup事件绑定到文本输入：

$('tr > td').not(':last-child').on('keyup', 'input[type="text"]', function() {
    var parentRow = $(this).parents('tr');
    var q1Value = parentRow.find('td:eq(0) > input').val();
    var q2Value = parentRow.find('td:eq(1) > input').val();
    var totalInput = parentRow.find('td:last-child > input');
    if (q1Value.length && q2Value.length) {
        totalInput.val(parseInt(q1Value, 10) + parseInt(q2Value, 10));
     } else {
        totalInput.val('');
    }
});

您可以找到准确的示例CodePen here。