/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

10 votes350 views6 answers
Jquery on change
Javascript jQuery
22 votes375 views6 answers
Close modal jquery
Javascript jQuery
25 votes366 views6 answers
Jquery get dropdown selected value
Javascript jQuery
1 vote354 views2 answers
Jquery after seconds
Javascript jQuery
0 vote367 views1 answer
Jquery find highest value in array
Javascript jQuery
0 vote338 views1 answer
Jquery selector exists
Javascript jQuery
0 vote298 views1 answer
Jquery input cvv format
Javascript jQuery
0 vote349 views1 answer
Jquery force page to reload on viewport resize
Javascript jQuery
0 vote355 views1 answer
Bootstrap searchable pagination table example jquery
Javascript jQuery
2 votes348 views2 answers
How to set html label value in jquery
Javascript jQuery