2010-04-26 4 views
15

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

+0

Возможно боян http://stackoverflow.com/questions/2310816/disabling-all-form-elements-in-selected-div-edited и HTTP: // StackOverflow .com/search? q = disable + form – zaf

+0

Это не имеет никакого отношения к презентации, поэтому CSS будет неправильным инструментом. (Это также звучит так, как будто вы пытаетесь получить вещи, которые выглядят как элементы управления формами, но никогда не намереваются вводить их с помощью пользователей, если это так, то и элементы управления формы тоже являются неправильным инструментом.) – Quentin

+0

@Chris - в идеале это обновление для вашего вопрос следует задавать отдельно. – karim79

ответ

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

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

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

+0

Это было именно то, что я искал. Благодарю. –

2

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

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

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

Here аналогичная ситуация, когда функция .prop() является целесообразным.

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

0

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

Смежные вопросы