如果輸入為空或包含值，則切換類-Javascript

Question

我正在嘗試將disabled類添加到輸入（如果輸入的值為空），如果輸入具有內容值，則將其刪除。 這是我目前無法解決的問題：

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

這會在加載時添加該類，但是如果有人在該字段中鍵入，則不會刪除該類。 我該如何實現？

Answer 1

您只是在首次加載類時添加了類，此外還需要添加“ onChange”事件處理程序來檢查對該輸入的進一步更改。

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

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

Answer 2

您可以使用removeClass綁定到事件，該事件在用戶輸入文本（例如keyup時觸發，例如：

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