/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 votes127 views3 answers
Jquery get value of dropdown selected
Javascript jQuery
2 votes144 views3 answers
Count all elements with class jquery
Javascript jQuery
3 votes149 views6 answers
Add id jquery
Javascript jQuery
17 votes141 views4 answers
Jquery set select value
Javascript jQuery
4 votes140 views1 answer
Serialize and send form data jquery ajax
Javascript jQuery
0 vote133 views1 answer
Send serialized form data jquery
Javascript jQuery
105 votes160 views6 answers
Foreach loop in jquery
Javascript jQuery
0 vote137 views1 answer
Jquery id value input
Javascript jQuery
0 vote129 views1 answer
Jquery is triggered on every element with class name
Javascript jQuery
1 vote150 views1 answer
Jquery select the 3rd row of a table
Javascript jQuery