/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

0 vote232 views1 answer
Import jquery into angular 8
Javascript jQuery
12 votes222 views5 answers
JQuery click outside
Javascript jQuery
98 votes232 views6 answers
Jquery if checkbox checked
Javascript jQuery
19 votes229 views5 answers
How to show modal with jquery
Javascript jQuery
1 vote234 views1 answer
Change src of iframe jquery
Javascript jQuery
0 vote182 views1 answer
Get all selected checkbox value in jquery
Javascript jQuery
22 votes244 views6 answers
Check radio button jquery
Javascript jQuery
3 votes218 views4 answers
Jquery hover event
Javascript jQuery
1 vote244 views1 answer
Toggle multiple classes jquery
Javascript jQuery
0 vote234 views1 answer
Jquery script cdn stackoverflow
Javascript jQuery