Только активные элементы формы

:enabled1.0

Соответствует всем активным (незаблокированным от пользователя) элементам формы (элементы без атрибута disabled).

Примеры использования:

$('.formBox input:enabled') вернет все активные элементы формы с классом formBox.

Заблокированные элементы формы можно найти с помощью :enabled.

Как и в случае других псевдоселекторов (селекторы, которые начинаются с двоеточия), :enabled не рекомендуется использовать без предшествующих ему селекторов. В этом случае он будет обработан как *:enabled, а селектор (*) выполняется как известно очень медленно. Гораздо эффективнее будет использовать его например так input:enabled.

Несмотря на то, что результат работы селектора :enabled обычно совпадает с :not([disabled]), по сути они имеют различный смысл. Первый проверяет значение свойства disable, а второй наличие атрибута disable. Поскольку disable является свойством, а не атрибутом, использование :enabled является предпочтительным.

Использовать селектор :enabled следует только к элементам, которые поддерживают свойство disable. А это такие html-элементы как button, input, optgroup, option, select, и textarea.

В действии

Найдем все не заблокированные элементы и поместим туда текст о текущем состоянии:

Ссылки

Поисковые ключи:
  • активные элементы формы
  • незаблокированные элементы формы
  • enabled