/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 vote176 views1 answer
Jquery select change price
Javascript jQuery
4 votes143 views3 answers
Jquery if enter key pressed
Javascript jQuery
0 vote174 views1 answer
How to remove modal-backdrop fade in jquery
Javascript jQuery
90 votes171 views6 answers
On click jquery
Javascript jQuery
0 vote161 views1 answer
Jquery select selected get data name
Javascript jQuery
-2 votes176 views1 answer
How to show bootstrap 5 modal using jquery
Javascript jQuery
-1 vote152 views2 answers
JQuery exists function
Javascript jQuery
0 vote157 views1 answer
Data attribute hide & show function syntax in jquery
Javascript jQuery
2 votes176 views2 answers
Get value of hidden field jquery
Javascript jQuery
4 votes161 views4 answers
Set span text jquery
Javascript jQuery