Каков наилучший способ отключить все элементы управления формой на веб-странице? Я читал, что это невозможно сделать с помощью CSS, но это было бы предпочтительным вариантом, если это было возможно. У меня также есть доступ к jQuery, если это облегчает жизнь.
$("form :input").attr("disabled","disabled");
:input выбирает все элементы управления формой, включая элементы ввода, textarea, select и button.
Если вы хотите отключить элементы формы, находящиеся вне форм, просто опустите селектор "form" из вышеперечисленного.
@karim79 прав с его селекторами CSS, но соглашение вызывает функцию jquery.prop() (см. docs здесь).
Поэтому я предлагаю...
$("form :input").prop("disabled",true);
Здесь - аналогичная ситуация, когда функция .prop() подходит.
Надеюсь, это поможет!
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);