/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 vote131 views2 answers
Get number from string using jquery
Javascript jQuery
0 vote111 views1 answer
Jquery target partial id
Javascript jQuery
1 vote135 views2 answers
Jquery on wheel event
Javascript jQuery
102 votes192 views6 answers
Check if checkbox is checked jquery
Javascript jQuery
20 votes139 views4 answers
Jquery get name attribute
Javascript jQuery
1 vote123 views1 answer
Bind and unbind jquery validation
Javascript jQuery
30 votes194 views6 answers
Find element with data attribute jquery
Javascript jQuery
0 vote127 views1 answer
Capitalize all letters jquery
Javascript jQuery
1 vote146 views1 answer
Jquery validation errorplacement
Javascript jQuery
0 vote131 views1 answer
.html jquery in javascript
Javascript jQuery