jquery - 如何使用 JQuery 禁用页面中的空文本框

Question

我有一个包含许多面板的页面。每个面板将有大约 5 个文本框。 我需要禁用加载页面时所有为空的文本框。希望使用 JQuery 来实现这一点。有人可以帮我解决这个问题吗？

Answer 1

这应该可以做到:

$(function(){
 $('input[type="text"]').each(function(){
   if ($(this).val() === '') {
     $(this).attr('disabled', 'disabled');
   }
 });
});

如果您已将某些类应用于文本框，您还可以执行以下操作:

$(function(){
 $('.class_name').each(function(){
   if ($(this).val() === '') {
     $(this).attr('disabled', 'disabled');
   }
 });
});