El selector :enabled se usa para seleccionar todos los elementos de formulario habilitados.
Sintaxis:
$(":enabled")
Parámetro:
- :selector habilitado : se utiliza para seleccionar elementos HTML que admitan el atributo deshabilitado. es decir, etiqueta de botón, etiqueta de entrada, etiqueta de grupo de opciones, etiqueta de opción, etiqueta de selección y etiqueta de área de texto.
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title>:enabled Selector</title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </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>
Producción:
Ejemplo-2:
<!DOCTYPE html> <html> <head> <title>:enabled Selector</title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </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>
Producción
Publicación traducida automáticamente
Artículo escrito por AdeshSingh1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA