如果其他字段为'0'或为空,则jQuery禁用该字段

时间:2018-07-25 13:35:59

标签: javascript jquery

我有两个输入字段,feecurrency已经开始工作:如果用户在字段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是'0'还是空(空),如何确保在两种情况下都禁用字段fee

1 个答案:

答案 0 :(得分:5)

空白文本框的值为'',而不是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>