javascript - 如果其他字段为 '0' 或 null，则 jQuery 禁用字段

Question

我有两个输入字段，fee 和 currency。 已在工作:如果用户在字段 fee 中输入 0，我的字段 currency 将被禁用。 我想要的是在 fee 字段为空(有时是默认值，但并非总是如此)。到目前为止我的代码:

$("#fee").on('input', function() {
  var activeFee = (this.value === '0' || this.value === null ) ? true : false;
  $('#currency').prop('disabled', activeFee);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Fee: <input id="fee"><br>
Currency: <input id="currency"><br>

或:JSFiddle

代码中没有按预期工作的部分是:

(this.value === '0' || this.value === null )

无论 fee 是 '0' 还是空 (null)，如何确保字段 currency 被禁用？

Answer 1

空文本框的值为''，而不是null。此外，您可以手动触发事件监听器以在代码运行时最初应用效果。

$("#fee")
  .on('input', function() {
    var activeFee = (this.value === '0' || this.value === '') ? true : false;
    $('#currency').prop('disabled', activeFee);
  })
  .trigger('input');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Fee: <input id="fee"><br> Currency: <input id="currency"><br>