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

Question

如果輸入的值爲空，我試圖將disabled類添加到輸入，如果輸入具有內容值，則將其刪除。這是我目前拿到這個不起作用：

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

這增加了類負載，但它並沒有在現場，如果有人類型刪除類。我怎樣才能做到這一點？

Answer 1

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

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

Answer 2

您只是在第一次加載時才加入類，除此之外您還需要添加一個「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"); 
     } 
    }); 
};