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:
- Cross-Origin Read Blocking (CORB)
- How to replace innerHTML of a div using jQuery?
- How do I check whether a checkbox is checked in jQuery?
- What does [object Object] mean?
- Remove class using jQuery
- How do I check whether a checkbox is checked in jQuery?
- How to make history.back() without getting a warning on the browser to reload the page?
- convert Hsl to rgb and hex
- JQuery – $ is not defined
- jQuery: Wait/Delay 1 second without executing code
- How to solve ‘Redirect has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header’?
- jQuery setTimeout() Function [duplicate]
- How can I refresh a page with jQuery?
- Getting Error “Form submission canceled because the form is not connected”
- How can I get the data-id attribute?
- document.getElementById vs jQuery $()
- Nested JSON objects – do I have to use arrays for everything?
- How to find the sum of an array of numbers
- Uncaught SyntaxError: Invalid or unexpected token
- ajax jquery simple get request
- jQuery AJAX cross domain
- jQuery AJAX submit form
- Adding images to a Bootstrap Carousel with AJAX
- Unable to preventDefault inside passive event listener
- SecurityError: Blocked a frame with origin from accessing a cross-origin frame
- Loading local JSON file
- jQuery $.cookie is not a function
- How to check all checkboxes using jQuery?
- Setting background-image using jQuery CSS property
- What is causing the error `string.split is not a function`?
- Uncaught TypeError: data.push is not a function
- Uncaught TypeError: Cannot read property ‘msie’ of undefined – jQuery tools
- What is causing the error `string.split is not a function`?
- Uncaught TypeError: Cannot read property ‘top’ of undefined
- Scroll Automatically to the Bottom of the Page
- How do I check if string contains substring?
- How can I select an element by name with jQuery?
- keycode 13 is for which key
- How to check a radio button with jQuery?
- Get current URL with jQuery?
- jQuery disable/enable submit button
- TypeError: $(…).modal is not a function with bootstrap Modal
- How to add a “readonly” attribute to an ?
- JQuery $(“#content”).append not working
- What does window.jQuery and window.$ mean?
- using jQuery $(this).addClass not working, simple code not working
- HTML text input allow only numeric input
- How to use jQuery in chrome extension?
- JQuery issue “TypeError: $.getJSON is not a function”
- How to add an object to an array
- How to change value of object which is inside an array using JavaScript or jQuery?
- How to detect pressing Enter on keyboard using jQuery?
- Refresh/reload the content in Div using jquery/ajax
- Convert CSV data into JSON format using Javascript
- Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded
- How to get height of div in px dimension
- jQuery: Uncaught Error: Syntax error, unrecognized expression
- SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
- How to use in jQuery :not and hasClass() to get a specific element without a class
- What is the best way to remove a table row with jQuery?
- Bootstrap popover is not working
- Extract hostname name from string
- How to display raw JSON data on a HTML page
- how to get the value of a textarea in jquery?
- How can I get form data with JavaScript/jQuery?
- How to get unique values in an array
- Only on Firefox “Loading failed for the script with source”
- JQuery get the title of a button
- Trying to load jquery into tampermonkey script
- How to add a button dynamically using jquery
- jQuery if Element has an ID?
- Complex JSON nesting of objects and arrays
- Preloading images with jQuery
- jQuery – Increase the value of a counter when a button is clicked
- Get the size of the screen, current web page and browser window
- TypeError getElementsByTagName is not a function issue
- How to reload/refresh jQuery dataTable?
- How to check if the URL contains a given string?
- Check if url contains string with JQuery
- Download a file by jQuery.Ajax
- Defining a HTML template to append using JQuery
- jQuery select option elements by value
- How to change cursor from pointer to finger using jQuery?
- jQuery equivalent of body onLoad
- Simulate a click on ‘a’ element using javascript/jquery
- How can I remove a style added with .css() function?
- How to use aria-expanded=”true” to change a css property
- WordPress loads whole jQuery UI library
- How can I get my Calculate Contact Form 7 field to update with jQuery? [closed]
- Contact Form 7 – Uncaught TypeError: wpcf7.initForm is not a function [closed]
- contact form 7 repeatable fields calculations [closed]
- How to set callback to execute after all the tinyMCE editors have been initialized?
- How do I make my wordpress post appear in a mouse hover preview?
- How to set javascript options for select2 in PHP array of plugin
- how to prevent added meta box from being injected with style=”position: fixed; top: 56px;” at scroll down
- How to run Javascript popup modal in a loop?
- Remove escape characters from JSON string pulled from a database
- WordPress Theme – jQuery JavaScript Library Issue
- Access jQuery tabs from primary menu while adding/removing class on tab container elements (accessing diff. tabs/tab content via primary menu items)