/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 vote274 views1 answer
Jquery image onerror not working
Javascript jQuery
0 vote301 views1 answer
Jquery change image on button click delay for 3 seconds
Javascript jQuery
12 votes263 views2 answers
Download jquery 3.1.1
Javascript jQuery
14 votes271 views3 answers
Jquery onload event
Javascript jQuery
24 votes238 views4 answers
Jquery add attribute
Javascript jQuery
0 vote292 views1 answer
Jquery get table to object
Javascript jQuery
2 votes254 views4 answers
Keyup in jquery
Javascript jQuery
1 vote255 views1 answer
Convert jquery to string
Javascript jQuery
0 vote281 views1 answer
Data-toggle="tooltip not working due to jquery-ui.min.js
Javascript jQuery
60 votes242 views6 answers
Get value by id in jquery
Javascript jQuery