/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 vote285 views1 answer
Jquery rotate
Javascript jQuery
1 vote230 views1 answer
Jquery delete prev sibling
Javascript jQuery
10 votes238 views6 answers
Jquery on change
Javascript jQuery
1 vote252 views2 answers
Jquery get custom attribute
Javascript jQuery
68 votes248 views2 answers
Add class in loop jquery
Javascript jQuery
0 vote234 views1 answer
Jquery element to dom element
Javascript jQuery
0 vote892 views1 answer
Notification like whatsapp in jquery
Javascript jQuery
8 votes275 views5 answers
On change jquery
Javascript jQuery
0 vote237 views1 answer
JQuery UI droppable accept maximum number of elements
Javascript jQuery
3 votes220 views2 answers
Jquery change selected option to first
Javascript jQuery