Отключение и включение полей ввода с помощью jQuery

При работе с элементами HTML-формы часто необходимо отключить или включить определенные поля ввода для пользователя взаимодействие. jQuery предоставляет несколько методов для выполнения этих задач.

Отключение поля ввода

Предпочтительный метод отключения поля ввода в jQuery версии 1.6 и выше — через prop( ) функция:

$("input").prop('disabled', true);

До jQuery В версии 1.6 функцию attr() можно использовать для установки отключенного атрибута:

$("input").attr('disabled', 'disabled');

Включение поле ввода

Чтобы включить отключенное поле ввода, вам следует выполнить обратное действие в зависимости от метода используется:

jQuery 1.6

$("input").prop('disabled', false);

jQuery 1.5 и ниже

$("input").removeAttr('disabled');

Прямое манипулирование DOM

В любой версии jQuery , вы всегда можете напрямую манипулировать элементом DOM:

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;

Примечание для jQuery 1.6

Хотя в jQuery 1.6 представлен метод RemoveProp(), его не следует использовать для собственных свойств, таких как Disabled. Вместо этого всегда используйте .prop(), чтобы переключить свойство на false.