/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

41 votes235 views6 answers
Jquery append div
Javascript jQuery
0 vote193 views2 answers
Jquery order by specific order
Javascript jQuery
0 vote201 views1 answer
Display toggle jquery for few seconds
Javascript jQuery
9 votes234 views2 answers
Window load jquery
Javascript jQuery
55 votes214 views5 answers
Refresh div jquery
Javascript jQuery
21 votes193 views3 answers
Jquery scroll to position
Javascript jQuery
3 votes206 views2 answers
Refresh ajax jquery
Javascript jQuery
0 vote200 views1 answer
Jquery extend
Javascript jQuery
0 vote155 views1 answer
Datatable success function
Javascript jQuery
1 vote240 views2 answers
How to find whether empty or not using jQuery
Javascript jQuery