/Javascript/jQuery/Jquery sum table column td

Jquery sum table column td

calc_total();

$(".choose").on('change', function(){
  var parent = $(this).closest('tr');
  var price  = parseFloat($('.price',parent).text());
  var choose = parseFloat($('.choose',parent).val());

  $('.total',parent).text(choose*price);

  calc_total();
});

function calc_total(){
  var sum = 0;
  $(".total").each(function(){
    sum += parseFloat($(this).text());
  });
  $('#sum').text(sum);
}

Source: stackoverflow.com

Similar codes

0 vote189 views1 answer
How to toggle fa fa-caret-down and fa fa-caret-up using jquery
Javascript jQuery
1 vote139 views2 answers
How to check if div is display none jquery
Javascript jQuery
9 votes80 views1 answer
Jquery on video play
Javascript jQuery
21 votes119 views3 answers
Jquery enable submit button
Javascript jQuery
5 votes155 views3 answers
Jquery ajax request
Javascript jQuery
1 vote129 views1 answer
Jquery add to array with key
Javascript jQuery
66 votes129 views6 answers
Jquery loop through array
Javascript jQuery
0 vote201 views1 answer
How to catch shortcut keys in jquery
Javascript jQuery
8 votes130 views6 answers
JQuery change select value
Javascript jQuery
12 votes126 views3 answers
Set custom data attribute jquery
Javascript jQuery