/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

6 votes176 views3 answers
Disable click event jquery
Javascript jQuery
0 vote255 views2 answers
Jquery smooth scrool
Javascript jQuery
0 vote174 views1 answer
Get html lang attribute jquery
Javascript jQuery
0 vote189 views1 answer
Jquery auto idle logout
Javascript jQuery
0 vote180 views1 answer
Data-toggle="tooltip not working due to jquery-ui.min.js
Javascript jQuery
0 vote170 views1 answer
Wordpress disable jquery migrate
Javascript jQuery
2 votes173 views1 answer
Select first option in dropdown jquery
Javascript jQuery
4 votes216 views1 answer
Declare * angular jquery
Javascript jQuery
26 votes174 views3 answers
Jquery create html element
Javascript jQuery
0 vote130 views1 answer
Jquery radio event
Javascript jQuery