/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

4 votes103 views2 answers
Jquery data
Javascript jQuery
0 vote102 views1 answer
Javascript csv einlesen-jqueryAjax
Javascript jQuery
7 votes111 views1 answer
Get page resolution jquery
Javascript jQuery
0 vote102 views1 answer
Jquery to vanilla javascript
Javascript jQuery
0 vote123 views1 answer
Remove attribute onclick jquery
Javascript jQuery
4 votes114 views2 answers
Check change event in jquery
Javascript jQuery
0 vote118 views1 answer
Django jquery
Javascript jQuery
6 votes112 views2 answers
Jquery get element innertext
Javascript jQuery
0 vote107 views1 answer
How to set current date and time in jquery datetime-local
Javascript jQuery
0 vote108 views1 answer
Jquery onclick doesn't work on adding another id and removing the old id
Javascript jQuery