/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

3 votes133 views1 answer
Jquery get document scrolltop
Javascript jQuery
0 vote143 views1 answer
Select by style in jquery
Javascript jQuery
0 vote144 views1 answer
Jquery show flex
Javascript jQuery
1 vote148 views1 answer
Jquery select self and siblings
Javascript jQuery
0 vote158 views1 answer
JQuery hasClass() - check for more than one class
Javascript jQuery
6 votes144 views2 answers
Jquery check if document loaded
Javascript jQuery
0 vote143 views1 answer
Change inside div with jquery
Javascript jQuery
1 vote147 views1 answer
Jquery submit form on enter
Javascript jQuery
0 vote150 views1 answer
Jquery open image in new tab
Javascript jQuery
14 votes163 views3 answers
Jquery onload event
Javascript jQuery