/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 vote304 views1 answer
Check all after click first checkbox jquery
Javascript jQuery
105 votes358 views6 answers
For each jquery
Javascript jQuery
11 votes297 views5 answers
Javascript import jquery
Javascript jQuery
10 votes307 views3 answers
Jquery get closest form
Javascript jQuery
1 vote361 views1 answer
Jquery wysiwyg editor val acf
Javascript jQuery
1 vote346 views1 answer
Sort divs alphabetically jquery
Javascript jQuery
0 vote325 views1 answer
Send multiple files using formdata jquery
Javascript jQuery
0 vote334 views1 answer
Jquery visibility effects
Javascript jQuery
0 vote320 views1 answer
Jquery element befor
Javascript jQuery
2 votes296 views3 answers
Bind jquery
Javascript jQuery