jQuery Disable enable Selector Examples – Technology
In this post we will give you information about jQuery Disable enable Selector Examples – Technology. Hear we will give you detail about jQuery Disable enable Selector Examples – TechnologyAnd how to use it also give you demo for it if it is necessary.
Today, We want to share with you jQuery Disable enable Selector Examples.In this post we will show you Disable or enable an input field with jQuery, hear for How to disable/enable an element with jQuery we will give you demo and example for implement.In this post, we will learn about Disable or Enable Submit Button using jQuery .prop() Method with an example.
jQuery Disable enable Selector Examples
There are the Following The simple About jQuery Disable enable Selector Examples Full Information With Example and source code.
As I will cover this Post with live Working example to develop jquery change class, jquery disable input, so the jQuery enable/disabled Selector for this example is following below.
HTML DOM Input Text disabled/enable Property
To simple jQuery change the disabled elements property We should use the simple jQuery .prop() function.
(jQuery 1.6+)Disable/enable an input with jQuery?
$("input").prop('disabled', true);
$("input").prop('disabled', false);
The jQuery .prop() function doesn’t any exist, but here similar .attr() jQuery function: Set the disabled attribute.
List of all Google Adsense, VueJS, AngularJS, PHP, Laravel Examples.
jQuery 1.5 and below
//disable
$("input").attr('disabled','disabled');
//enable
$("input").removeAttr('disabled');
In any version of jQuery
jQuery assuming an event similar handler function of ‘this’
this.disabled = true;
Example: jquery disable/enable input
The prop() jQuery method need to version of the jQuery 1.6 and above for jQuery Disable/enable an element Examples.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Disable or Enable an Input field using jQuery Examples - onlinecode</title>
<style type="text/css">
label {
display: block;
margin: 8px 0;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('form input[type="submit"]').prop("disabled", true);
$(".mst_member").click(function(){
if($(this).prop("checked") == true){
$('form input[type="submit"]').prop("disabled", false);
}
else if($(this).prop("checked") == false){
$('form input[type="submit"]').prop("disabled", true);
}
});
});
</script>
</head>
<body>
<h2>Disable or enable an input field with jQuery</h2>
<form>
<label>Member Name: <input type="text" name="membername"></label>
<label>Member Email: <input type="email" name="memberemail"></label>
<label><input type="checkbox" > You are available for read my website onlinecode?.</label>
<input type="submit" value="Submit">
</form>
</body>
</html>
Angular 6 CRUD Operations Application Tutorials
Read :
- Technology
- Google Adsense
- Programming
Summary
You can also read about AngularJS, ASP.NET, VueJs, PHP.
I hope you get an idea about jQuery Disable enable Selector Examples.
I would like to have feedback on my onlinecode blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.
Hope this code and post will helped you for implement jQuery Disable enable Selector Examples – Technology. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs