w3resource

jQuery: Remove disabled attribute using jQuery

jQuery Practical exercise Part - I : Exercise-46

Remove disabled attribute using jQuery.

Sample Solution:

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Remove disabled attribute using JQuery.</title>
</head>
<body>
<input type="checkbox" class="disabledCheckboxes" disabled>Red
<input type="checkbox" class="disabledCheckboxes" disabled="disabled">Green
<p><input id="button1" type="button" value="Click to enable check boxes"/></p>
</body>
</html>

JavaScript Code:

$(document).ready(function(){ 
  $('#button1').click(function(){ 
   $('.disabledCheckboxes').prop("disabled", false);
  
  });
});

// Re-disable all
// $('.disabledCheckboxes').prop("disabled", true); 

See the Pen jquery-practical-exercise-46 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Set href attribute at runtime using jquery.
Next: Find the total width of an element (including width, padding, and border) in jQuery.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://www.w3resource.com/jquery-exercises/part1/jquery-practical-exercise-46.php