Toggle input disabled attribute using jQuery

by 
$('#el').prop('disabled', function(i, v) { return !v; });

The .prop() method accepts two arguments:

  • Property name (disabled, checked, selected) anything that is either true or false
  • Property value, can be:
    • (empty) – returns the current value.
    • boolean (true/false) – sets the property value.
    • function – Is executed for each found element, the returned value is used to set the property. There are two arguments passed; the first argument is the index (0, 1, 2, increases for each found element). The second argument is the current value of the element (true/false).

So in this case, I used a function that supplied me the index (i) and the current value (v), then I returned the opposite of the current value, so the property state is reversed.

More Related Contents:

  1. difference between prop() and attr() in jQuery and when to use attr() and prop() [duplicate]
  2. Toggle Checkboxes on/off
  3. jQuery toggle CSS?
  4. jQuery .attr(“disabled”, “disabled”) not working in Chrome
  5. Button text toggle in jquery
  6. jQuery – How to select value by attribute name starts with
  7. jquery .slideToggle() horizontal alternative?
  8. jQuery toggle animation
  9. jQuery Toggle Text?
  10. Click toggle with jQuery
  11. jQuery Toggle State
  12. Sliding divs horizontally with JQuery
  13. How to replace element’s attr href with each ? // strip url
  14. jQuery toggle class
  15. What is alternative to use after jQuery 1.9 removed .toggle(function,function)?
  16. Stop all active ajax requests in jQuery
  17. How to have click event ONLY fire on parent DIV, not children?
  18. Pass entire form as data in jQuery Ajax function
  19. JSONP request error handling
  20. jQuery $(this) keyword
  21. Live search through table rows
  22. Does jQuery have a handleout for .delegate(‘hover’)?
  23. Difference between CSS selector and jQuery filter?
  24. How can one use JQuery to validate email addresses?
  25. Sorting Autocomplete UI Results based on match location
  26. How to add jQueryUI library in MVC 5 project?
  27. jQuery resize not working at FireFox, Chrome and Safari
  28. Jquery post and unobtrusive ajax validation not working mvc 4
  29. How do I select an element with special characters in the ID?
  30. Why return this.each(function()) in jQuery plugins?

Leave a Comment