/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

5 votes122 views3 answers
Jquery remove child 1 elemtn
Javascript jQuery
0 vote163 views2 answers
Show 10 entries datatable jquery hide
Javascript jQuery
2 votes136 views1 answer
Element is hidden jquery
Javascript jQuery
2 votes134 views1 answer
F.select on change jquery
Javascript jQuery
1 vote120 views3 answers
Jquery reset select2
Javascript jQuery
1 vote118 views1 answer
Jquery wordpress starter code
Javascript jQuery
0 vote116 views1 answer
Jquery how to detect click outside off-canvas-navigation
Javascript jQuery
20 votes116 views6 answers
Get id value jquery
Javascript jQuery
0 vote130 views1 answer
Radio button enable and requerd in jquery
Javascript jQuery
0 vote129 views1 answer
Jquery abort ajax
Javascript jQuery