/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 vote264 views2 answers
Jquery hover and hover out
Javascript jQuery
1 vote201 views1 answer
Jquery string to array
Javascript jQuery
2 votes263 views2 answers
Select class with data attribute jquery
Javascript jQuery
0 vote219 views1 answer
Dynamic event listener jquery
Javascript jQuery
29 votes230 views5 answers
How to get the value of radio button in jquery
Javascript jQuery
2 votes273 views2 answers
First letter uppercase in jquery
Javascript jQuery
0 vote246 views1 answer
Jquery replace h1 with h2
Javascript jQuery
0 vote217 views2 answers
Jquery val style
Javascript jQuery
1 vote253 views2 answers
How to search table using jquery
Javascript jQuery
2 votes220 views2 answers
Jquery set attribute readonly
Javascript jQuery