How to disable all html form elements within a DIV tag using JQuery?

Question: How to disable all html form elements within a DIV tag using JQuery?

NOTE: Please not that the prop JQuery function should be used instead of the attr function in JQuery 1.6 and higher

Answer: 

To disable all input elements within div use the following code: 
$('#message :input').attr('disabled', true);

To disable all select elements within div use the following code: 
$('#message :select').attr('disabled', true);

To disable all submit buttons within div use the following code: 
$("#message :submit").attr("disabled", "true");

Explanation:

• The DIV tags ID is message    
• attr- Access a property on the first matched element.
• $("selector")
• If disabled is set to false the element won't be disabled

• Add New Search
• Comments

• |2011-07-12 19:59:28 Ken Collins - Your Doing It Wrong
  The jQuery docs say to use prop() for things like disabled, checked, etc. 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('disabl ed',true)
  
  • 0
  • 1

  ReplyQuote

• |2011-07-13 06:42:02 TechPortal - re: Your Doing It Wrong
  Ken Collins wrote:

  The jQuery docs say to use prop() for things like disabled, checked, etc. 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('disabl ed',true)
  

  
  
  I a matter of fact it was not wrong prior to JQuery 1.6 when this article got
  written, but thank you for pointing it out. If JQuery 1.6 or higher is used then
  the prop method is the one to use.
  • 0
  • 0

  ReplyQuote

• |2011-10-12 06:59:34 kunal gupta - Nice one
  Thanks i got my solution by this post.
  • 0
  • 0

  ReplyQuote

• |2011-12-27 06:38:44 amer - appreciate
  awesome code
  • 0
  • 0

  ReplyQuote

Write comment

Your Contact Details:

Name:

Email: do not notifynotify

Comment:

Title:

UBBCode:         -color-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -size-tinysmallmediumlargehuge

Message:

Security

Please input the anti-spam code that you can read in the image.