如果输入为空或包含值，则切换类 - Javascript

Question

如果输入的值为空，我正在尝试向输入添加disabled类，如果输入具有内容值，则将其删除。以下是我目前对此的看法不起作用：

if ($("#assignment_name").val() == "") {
  $(".to_description").addClass("disabled");
};

这会在加载时添加类，但如果有人在字段中键入，则不会删除该类。我怎样才能做到这一点？

Answer 1

您只是在第一次加载时添加该类，此外还需要添加“onChange”事件处理程序以检查此输入的进一步更改。

<option>

Answer 2

您可以将removeClass绑定到用户输入文本时触发的事件，例如keyup，例如：

$("#assignment_name").on('keyup', function() {
  if ($("#assignment_name").val() == "") {
    $(".to_description").addClass("disabled");
  } else {
    $(".to_description").removeClass("disabled")
  }
});