Using Javascript
- Disabling a html button
document.getElementById("Button").disabled = true; - Enabling a html button
document.getElementById("Button").disabled = false; - Demo Here
Using jQuery
All versions of jQuery prior to 1.6
- Disabling a html button
$('#Button').attr('disabled','disabled'); - Enabling a html button
$('#Button').removeAttr('disabled'); - Demo Here
All versions of jQuery after 1.6
- Disabling a html button
$('#Button').prop('disabled', true); - Enabling a html button
$('#Button').prop('disabled', false); - Demo Here
P.S. Updated the code based on jquery 1.6.1 changes. As a suggestion, always use the latest jquery files and the prop() method.
Related Posts:
- How to change CSS using jQuery?
- How to properly use jsPDF library
- How do I redirect to another webpage?
- jQuery append() vs appendChild()
- ReferenceError: $ is not defined
- Toggle show/hide on click with jQuery
- jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
- How to create a jQuery function (a new jQuery method or plugin)?
- Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
- Scroll to an element with jQuery
- jQuery.click() vs onClick
- How can I refresh a page with jQuery?
- Setting “checked” for a checkbox with jQuery
- Uncaught TypeError: Cannot read property ‘length’ of undefined
- Jquery : Refresh/Reload the page on clicking a button
- Check if element exists in jQuery
- Checking a Url in Jquery/Javascript
- Bootstrap Dropdown menu is not working
- Uncaught TypeError: $.post is not a function
- When and why to ‘return false’ in JavaScript?
- Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
- querySelector vs. getElementById
- How to generate a simple popup using jQuery
- jQuery Ajax File Upload
- AJAX response error: net::ERR_EMPTY_RESPONSE
- How to use npm jquery module?
- Jquery swipe left or right on mobile
- XML Parsing Error: no root element found Location in Console FF
- document.getElementByID is not a function
- Moment js date time comparison
- Understanding how data-dismiss attribute works in Bootstrap
- Add table row in jQuery
- Create table with jQuery – append
- How to create a JQuery Clock / Timer
- When is JavaScript synchronous?
- How to reset a form using jQuery with .reset() method
- Access Control Request Headers, is added to header in AJAX request with jQuery
- Mismatched anonymous define() module
- How to set ‘X-Frame-Options’ on iframe?
- How do I get an element to scroll into view, using jQuery?
- Convert UTC date time to local date time
- How do I check if string contains substring? [duplicate]
- Obtain form input fields using jQuery?
- Play an audio file using jQuery when a button is clicked
- How can I get the last character in a string?
- Load image with jQuery and append it to the DOM
- Jquery button click() function is not working
- Change text on hover, then return to the previous text
- How to define Global Arrays?
- Why is this jQuery click function not working?
- jQuery make global variable
- Disable Chrome strict MIME type checking
- How to send email by using javascript or jquery
- How do I check whether a checkbox is checked in jQuery?
- jQuery count child elements
- How do I check if an element is hidden in jQuery?
- jQuery equivalent of querySelector
- Convert normal date to unix timestamp
- Load Image from javascript
- jQuery replace one class with another
- Clearing my form inputs after submission
- Changing the image source using jQuery
- Reload an iframe with jQuery
- How to manage a redirect request after a jQuery Ajax call
- Get the Highlighted/Selected text
- How to get the children of the $(this) selector?
- “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
- window.onload vs $(document).ready()
- jQuery scrollTop() method not working
- FormData append not working
- How to change the text of a label?
- How to check ‘undefined’ value in jQuery
- Print a div content using Jquery
- Data column(s) for axis #0 cannot be of type string in google chart dashboard [duplicate]
- Jquery Value match Regex
- Uncaught TypeError: Cannot read property ‘toLowerCase’ of undefined
- Using “×” word in html changes to ×
- How to check if the URL contains a given string?
- How to go to a URL using jQuery?
- How to close a window using jQuery
- What is the non-jQuery equivalent of ‘$(document).ready()’?
- Changing the selected option of an HTML Select element
- How to scroll to top of page with JavaScript/jQuery?
- How to add jQuery in JS file
- Get query string parameters url values with jQuery / Javascript (querystring)
- Change the selected value of a drop-down list with jQuery
- jQuery .animate() not working
- Adding JavaScript to a WordPress website
- JQuery not loading
- Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
- Uncaught TypeError: jQuery(…).slider is not a function
- Putting custom html/js page into Elementor as it’s own block
- How to load Javascript code or functions.php later in a child theme?
- Can’t get rid of JQMIGRATE: Migrate is installed, version 3.3.2. Manually updated all the libralies and site. 5.8.2
- Get the ID of a page in Parent combobox in editor
- “jQuery Not Defined” Error When Connecting to PayPal
- Fade-in Fade-out doesn’t work in WordPress
- Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
- Open image gallery on link click
- Styling parent based on a child element of a child in a WordPress page