How to disable all input inside a form with jQuery

Question

lt form id  target  gt        lt  form gt

User · Answer

The definitive answer  covering changes to jQuery api at version 1 6  has been given by Gnarf

User · Answer

Above example is technically incorrect  Per latest jQuery  use the prop   method should be used for things like disabled  See their API page   To disable all form elements inside  target   use the  input selector which matches all input  textarea  select and button elements       target  input   prop  disabled   true     If you only want the  elements  use this       target input   prop  disabled   true

User · Answer

To disable all form  as easy as write   jQuery 1 6       form  input   prop  disabled   true     jQuery 1 5 and below      form  input   attr  disabled   disabled

User · Answer

With this one line you can disable any input field in a form     form     prop  disabled   true

User · Answer

you can add    lt fieldset class  fieldset  gt    and then you can call       fieldset   prop  disabled   true

User · Answer

In older versions you could use attr  As of jQuery 1 6 you should use prop instead       target  input   prop  disabled   true     To disable all form elements inside  target   See  input      Matches all input  textarea  select and button elements    If you only want the  lt input gt  elements       target input   prop  disabled   true

User · Answer

You can do it like this    HTML BUTTON  lt button type  quot button quot  onclick  quot disableAll   quot  gt Disable lt  button gt     Jquery function function disableAll           DISABLE ALL FIELDS THAT ARE NOT DISABLED        form   find   input not  disabled    prop  disabled   true          ENABLE ALL FIELDS THAT DISABLED          form   find   input  disabled    prop  disabled   false

User · Answer

Also the more concise way is to use their selectors engine   So to disable all form elements in a div or form parent    myForm find   input not  disabled    prop  disabled  true

[jquery] How to disable all <input > inside a form with jQuery?

Examples related to jquery

Examples related to forms