/Javascript/jQuery/Jquery table row calculation

Jquery table row calculation

$(function () {
    var tbl = $('#tbl_a');
    tbl.find('tr').each(function () {
        $(this).find('input[type=text]').bind("keyup", function () {
            calculateSum();
        });
    });

    function calculateSum() {
        var tbl = $('#tbl_a');
        tbl.find('tr').each(function () {
            var sum = 0;
            $(this).find('input[type=text]').not('.total').each(function () {
                if (!isNaN(this.value) && this.value.length != 0) {
                    sum += parseFloat(this.value);
                }
            });

            $(this).find('.total').val(sum.toFixed(2));
        });
    }
});

Source: stackoverflow.com

Similar codes

0 vote213 views1 answer
Push items to associative array jquery
Javascript jQuery
0 vote156 views1 answer
Stop() in jquery
Javascript jQuery
78 votes158 views3 answers
Jquery each get index
Javascript jQuery
3 votes151 views1 answer
Fire change event jquery
Javascript jQuery
11 votes160 views2 answers
Set select option as selected jquery
Javascript jQuery
1 vote156 views1 answer
Jquery confirmation dialog example
Javascript jQuery
6 votes157 views4 answers
How to append rows in table using jquery each function
Javascript jQuery
0 vote184 views2 answers
If media query jquery
Javascript jQuery
10 votes176 views3 answers
How to import jquery in js file
Javascript jQuery
6 votes152 views2 answers
React in jquery
Javascript jQuery