disable all form elements inside div

Question

is there a way to disable all fields  textarea textfield option input checkbox submit etc  in a form by telling only the parent div name in jquery javascript

User · Answer

Following will disable all the input but will not able it to btn class and also added class to overwrite disable css.

$('#EditForm :input').not('.btn').attr("disabled", true).addClass('disabledClass');

css class

.disabledClass{
  background-color: rgb(235, 235, 228) !important;
}

User · Answer

For me the accepted answer did not work as I had some asp net hidden fields which got disabled as well so I chose only to disable visible fields    just to save the list so we can enable fields later var list           parent-selector   find   input visible not  readonly  disabled   button   each function          list push       this id          list join       attr  readonly   true

User · Answer

Try using the  input selector  along with a parent selector       parent-selector  input   attr  disabled   true

User · Answer

Use the CSS Class to prevent from Editing the Div Elements  CSS    divoverlay   position absolute  width 100   height 100   background-color transparent  z-index 1  top 0      JS       divName   append   lt div class divoverlay gt  lt  div gt       Or add the class name in HTML Tag  It will prevent from editing the Div Elements

User · Answer

How about achieving this using only HTML attribute  disabled    lt form gt    lt fieldset disabled gt     lt div class  row  gt      lt input type  text  placeholder    gt      lt textarea gt  lt  textarea gt      lt select gt  lt  select gt     lt  div gt     lt div class  pull-right  gt       lt button class  button-primary btn-sm  type  submit  gt Submit lt  button gt     lt  div gt    lt  fieldset gt   lt  form gt    Just by putting disabled in the fieldset all the fields inside of that fieldset get disabled      fieldset   attr  disabled    disabled

User · Answer

For jquery 1 6   use  prop   instead of  attr         parent-selector  input   prop  disabled   true     or      parent-selector  input   attr  disabled    disabled

User · Answer

mydiv   find  input  textarea  button  select   attr  disabled   disabled

User · Answer

If your form inside div simply contains form inputting elements  then this simple query will disable every element inside form tag   lt div id  quot myForm quot  gt       lt form action  quot  quot  gt               lt  form gt   lt  div gt   However  it will also disable other than inputting elements in form  as it s effects will only be seen on input type elements  therefore suitable majorly for every type of forms      myForm     attr  disabled   disabled

User · Answer

Simply this line of code will disable all input elements      yourdiv     prop  disabled   true

User · Answer

Only text type      form-edit-account  input type text    attr  disabled    disabled      Only Password type      form-edit-account  input type password    attr  disabled    disabled      Only Email Type      form-edit-account  input type email    attr  disabled    disabled

User · Answer

I m using the function below at various points   Works in a div or button elements in a table as long as the right selector is used  Just   button  would not re-enable for me   function ToggleMenuButtons bActivate        if  bActivate    true                SelectorId  input type  button     prop  disabled   true         else               SelectorId  input type  button     removeProp  disabled

User · Answer

document  ready function                  chkDisableEnableElements   change function                  if      chkDisableEnableElements   is   checked                      enableElements     divDifferentElements   children                               else                   disableElements     divDifferentElements   children                                            function disableElements el            for  var i   0  i  lt  el length  i                  el i  disabled   true               disableElements el i  children                        function enableElements el            for  var i   0  i  lt  el length  i                  el i  disabled   false               enableElements el i  children

[jquery] disable all form elements inside div

Examples related to jquery

Examples related to forms

Examples related to html

Examples related to field