Как отключить все <input>внутри формы с помощью jQuery?

Question

<form id="target">
....
</form>

Answer 1

В старых версиях вы могли использовать attr. Начиная с jQuery 1.6 вы должны использовать prop вместо:

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

Чтобы отключить все элементы формы внутри «цели». См :input:

Соответствует всем элементам ввода, textarea, select и button.

Если вам нужны только элементы <input>:

$("#target input").prop("disabled", true);

Answer 2

Приведенный выше пример технически неверен. В последней версии jQuery, используйте метод prop() для таких вещей, как отключено. См. Их страницу API.

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

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

Если вы хотите только элементы, используйте это.

$("#target input").prop("disabled", true);

Answer 3

Также более лаконичным способом является использование их селекторного движка. Таким образом, чтобы отключить все элементы формы в div или родительской форме.

$myForm.find(':input:not(:disabled)').prop('disabled',true)

Answer 4

Вы можете добавить

 <fieldset class="fieldset">

и тогда вы можете позвонить

 $('.fieldset').prop('disabled', true);

Answer 5

Чтобы отключить все формы, просто напишите:

JQuery 1.6 +

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

JQuery 1,5 и ниже

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

Answer 6

С помощью этой строки вы можете отключить любое поле ввода в форме

$('form *').prop('disabled', true);

Answer 7

Окончательный ответ (охватывающий изменения в jQuery api в версии 1.6) дал Gnarf