Отключить все элементы управления формой на веб-странице

Каков наилучший способ отключить все элементы управления формой на веб-странице? Я читал, что это невозможно сделать с помощью CSS, но это было бы предпочтительным вариантом, если это было возможно. У меня также есть доступ к jQuery, если это облегчает жизнь.

Ответы

Ответ 1

$("form :input").attr("disabled","disabled");

:input выбирает все элементы управления формой, включая элементы ввода, textarea, select и button.

Если вы хотите отключить элементы формы, находящиеся вне форм, просто опустите селектор "form" из вышеперечисленного.

Ответ 2

@karim79 прав с его селекторами CSS, но соглашение вызывает функцию jquery.prop() (см. docs здесь).

Поэтому я предлагаю...

$("form :input").prop("disabled",true);

Здесь - аналогичная ситуация, когда функция .prop() подходит.

Надеюсь, это поможет!

Ответ 3

U может отключить все области типа ввода, используя ниже.

jQuery 1.5 и ниже

любое текстовое поле - $("input[type=text]").attr('disabled', true);
любой переключатель - $("input[type=radio]").attr('disabled', true);
любой флажок - $("input[type=checkbox]").attr('disabled',true);

jQuery 1.6 +

любое текстовое поле - $("input[type=text]").prop('disabled', true);
любой переключатель - $("input[type=radio]").prop('disabled', true);
любой флажок - $("input[type=checkbox]").prop('disabled',true);