The jQuery :enabled selector is used to select all enabled form elements.
Syntax :
$(":enabled")
Parameter:
- :enabled selector: It is used for selecting HTML elements that support the disabled attribute. i.e button tag, input tag, optgroup tag, option tag, select tag and textarea tag.
Example 1:
HTML
<!DOCTYPE html> < html >
< head >
< title >:enabled Selector</ title >
< script src =
</ script >
< script >
$(document).ready(function () {
$(":enabled").css("background-color",
"green");
});
</ script >
</ head >
< body >
< center >
< form action = "#" >
< h1 >Welcome to GeeksforGeeks!.</ h1 >
< div >
Text :
< input type = "text" name = "text"
value = "GeeksforGeeks" >
< br />
< input type = "submit" name = "submit"
value = "submit" >
</ div >
</ form >
</ center >
</ body >
</ html >
|
Output:
Example 2:
HTML
<!DOCTYPE html> < html >
< head >
< title >:enabled Selector</ title >
< script src =
</ script >
< script >
$(document).ready(function () {
$(":enabled").css("background-color",
"green");
});
</ script >
</ head >
< body >
< center >
< form action = "#" >
< h1 >Welcome to GeeksforGeeks!.</ h1 >
< div >
Select :
< select >
< option >1</ option >
< option >2</ option >
< option >3</ option >
< option >4</ option >
</ select >
</ div >
</ form >
</ center >
</ body >
</ html >
|
Output: