/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 vote338 views2 answers
How to determin if element is in viewport with jquery
Javascript jQuery
0 vote336 views1 answer
Set value of attribute using each and keyup jquery
Javascript jQuery
0 vote368 views1 answer
Sliding element jquery
Javascript jQuery
10 votes312 views6 answers
Jquery scroll to top of div
Javascript jQuery
0 vote345 views1 answer
How to get name array value in jquery
Javascript jQuery
0 vote267 views1 answer
Jquery how do i remove emoji from string
Javascript jQuery
0 vote290 views2 answers
How to rmeove white space in a string with jquery
Javascript jQuery
34 votes307 views3 answers
Jquery set value by name
Javascript jQuery
18 votes306 views3 answers
Disable input field with jquery
Javascript jQuery
70 votes266 views6 answers
Jquery style
Javascript jQuery