如果输入为空或包含值，则切换类 - 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"); 
     } 
    }); 
};