JQuery每个行键盘功能的多个输入字段不起作用

时间:2017-04-30 21:33:03

标签: javascript jquery html

您好我正在尝试使我的jquery代码处于正常工作但它根本不起作用,我不知道它背后的问题但它包含多行的多个文本框,每行计算自己的总和

这是Fiddle link

这是我的代码

public function boot()
{
    if (isset(session('my_parameter'))) {
        Route::addParameter(['tenant_domain' => session('tenant_domain')]);
    }

    parent::boot();
}

2 个答案:

答案 0 :(得分:3)

txtSales1,txtDeduction1,txtAdjustment1变量是在你的javascript中加入的,但不是在html输入名称上。所以这些返回NaN。

UPDATE 此外,您需要使用选择器功能的第二个参数设置您所指的内容的上下文:

$('.employee input[type="text"]').keyup(function(e) { 
    var $scope = $(this).closest('.employee');
    var basic_salary = parseInt($('input[name^=txtMonthlyRate]', $scope).val());
    var advance_salary = parseInt($('input[name^=txtAdvance]', $scope).val());
    var recover_comm = parseInt($('input[name^=txtRecovery]', $scope).val());
    var sales_comm = parseInt($('input[name^=txtSales]', $scope).val());
    var deduction_salary = parseInt($('input[name^=txtDeduction]', $scope).val());
    var adjustment_salary = parseInt($('input[name^=txtAdjustment]', $scope).val());
    var total_sum = ((basic_salary+recover_comm+sales_comm) - (deduction_salary + advance_salary)) + adjustment_salary;
    $('input[name^=txtTotal]', $scope).val(total_sum); 
});

答案 1 :(得分:0)

txttotal1需要更改为txtTotal1 小提琴需要关闭}