/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 vote342 views1 answer
Jquery to vanilla javascript
Javascript jQuery
18 votes326 views6 answers
CHECK IF element is hidden jquery
Javascript jQuery
1 vote335 views1 answer
Jquery if else on click
Javascript jQuery
3 votes305 views2 answers
Click select option to update div jquery
Javascript jQuery
0 vote315 views1 answer
Jquery nice select
Javascript jQuery
1 vote343 views1 answer
How use for loop in append attribute in jquery
Javascript jQuery
0 vote348 views1 answer
Jquery selected checkboxes pass as paramater to C#
Javascript jQuery
52 votes302 views3 answers
Refresh a page in jquery
Javascript jQuery
0 vote305 views1 answer
Jquery parent child selector
Javascript jQuery
-1 vote361 views3 answers
Jquery dropdown select
Javascript jQuery