/Javascript/jQuery/How to calculate each row with on change table <td><input> jquery

How to calculate each row with on change table <td><input> jquery

How to calculate each row with on change table jquery

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <meta charset="utf-8">
  <title>Example</title>
</head>
<body>
  <table>
    <thead>
      <tr>
        <th>Quantity</th>
        <th>Price</th>
        <th>Total</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><input type="text" class="qty"></td>
        <td><input type="text" class="price"></td>
        <td><input type="text" class="total" disabled></td>
      </tr>
      <!-- ...and so on... -->
    </tbody>
  </table>
<script>
  (function() {
    "use strict";

    $("table").on("change", "input", function() {
      var row = $(this).closest("tr");
      var qty = parseFloat(row.find(".qty").val());
      var price = parseFloat(row.find(".price").val());
      var total = qty * price;
      row.find(".total").val(isNaN(total) ? "" : total);
    });
  })();
</script>
</body>
</html>

Source: stackoverflow.com

Similar codes

-1 vote173 views2 answers
How to avoid duplicate values in dropdownlist using jquery
Javascript jQuery
0 vote175 views1 answer
Jquery ajax true false as boolean value
Javascript jQuery
0 vote156 views1 answer
Jquery confirm delete massege
Javascript jQuery
0 vote163 views1 answer
Jquery change button click function
Javascript jQuery
0 vote171 views1 answer
Add and remove checked jquery
Javascript jQuery
0 vote157 views1 answer
Capturar el id de un elemento con jquery
Javascript jQuery
2 votes153 views2 answers
Only numeric values are allow in input jquery
Javascript jQuery
0 vote158 views1 answer
JQuery('.product_foto_slide').slick({ infinite:true, arrows:false, dots:false, fade:true, slidesToShow:1, slidesToScroll:1, autoplay:false, autoplaySpeed:4600, asNavFor: '.product_preview_slide', focusOnSelect: true, responsive: [
Javascript jQuery
0 vote171 views2 answers
Get param from url jquery
Javascript jQuery
0 vote211 views1 answer
Create video playlist using jquery
Javascript jQuery