El selector de pseudoclase «:enabled» de jQuery ayuda a encontrar todos los elementos de entrada que están habilitados . Este selector de pseudoclase solo debe usarse para seleccionar elementos HTML que admitan el atributo deshabilitado , es decir ( <button> , <input> , <textarea> , <select>, <option> , <optgroup> )
Al igual que con otro selector de pseudoclase como (a: hover) , también se recomienda precederlo con un nombre de etiqueta o con algún otro selector ; de lo contrario, el selector universal (» * «) está implícito como $(«*: habilitado») o $(«entrada: habilitado»).
Sintaxis:
$( "input:enabled" ).val( "This box is enabled" );
Nota: (:habilitado) elementos seleccionados que tienen su propiedad booleana deshabilitada estrictamente a falso.
Código HTML: El siguiente código muestra el selector de pseudoclase :enabled para encontrar todos los elementos de entrada que están habilitados usando jQuery.
HTML
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Elements that are enabled</title> <script src="https://code.jquery.com/jquery-3.5.0.js"></script> </head> <body> <h1 style="color: green; margin-left: 120px;">GeeksforGeeks</h1> <!-- The form contains three boxes out of which two boxes are disabled --> <form> <!-- Set input disabled --> <input style="border: 0.8px solid green;" name="email" disabled> <input style="border: 0.8px solid green;" name="id"> <input style="border: 0.8px solid green;" name="email" disabled> </form> <!-- The val is displayed in the box in which the input element is enabled --> <script> $( "input:enabled" ).val( "This box is enabled" ); </script> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sayantanbose2001 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA