¿Cómo encontrar todos los elementos de entrada que están habilitados con jQuery?

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:

Activado

Publicación traducida automáticamente

Artículo escrito por sayantanbose2001 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *