javascript - 在任何表单更改上启用按钮

Question

我有一个当前禁用的按钮。一旦对表单中的输入进行了任何更改。我想启用它....

$('input[class="input-text"]').on('change', (event) => {
    event.preventDefault();
    $('#checkout').removeAttr('disabled');
});

 ...
<button type="submit" className="btn" id="checkout" disabled>Checkout</button>

这似乎行不通。我究竟做错了什么？ (使用 .jsx 语法)

Answer 1

Attach input and change both event on a <form>.

检查以下示例。

$(document).ready(function() {
  $('#form').on('input change', function() {
    $('#checkout').attr('disabled', false);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form">
  Text:
  <input type="text" class="input-text" />
  <br>Radio:
  <input type="radio">
  <br>Checkbox:
  <input type="checkbox">
  <br>Select:
  <select name="" id="">
    <br>
    <option value="">1</option>
    <option value="">2</option>
    <option value="">3</option>
  </select>
  <button type="submit" className="btn" id="checkout" disabled>Checkout</button>
</form>