如果其他字段为"0"或null,则jQuery禁用字段

Question

我有两个输入字段,fee和currency.已经工作:currency如果用户进入0该字段,我的字段将被禁用fee.我想是有外地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 )

如何确保currency在两种情况下都禁用该字段是fee"0"还是空(空)？

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>