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

Question

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

Answer 1

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

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

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

Answer 2

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

Так что я предлагаю ...

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

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

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

Answer 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);