Controlla se un elemento è disabilitato usando JavaScript

Nei processi di aggiornamento di una pagina Web o del sito, alcune funzionalità devono essere disabilitate di volta in volta. Al contrario, consentendo le funzionalità disabili per l'utilizzo delle risorse attuali. In tali casi, il controllo se un elemento è disabilitato utilizzando JavaScript aiuta ad accedere agli elementi in modo efficace, risparmiando così tempo alla fine dello sviluppatore.

Questo blog illustrerà i concetti da verificare se un elemento è disabilitato usando JavaScript.

Come verificare se un elemento è disabilitato in JavaScript?

Per verificare se un elemento è disabilitato in JavaScript, applica i seguenti approcci:

• "Disabilitato" proprietà.
• "getAttribute ()" metodo.
• "jQuery".

Discutiamo gli approcci dichiarati uno per uno!

Approccio 1: verificare se un elemento è disabilitato in JavaScript utilizzando la proprietà disabilitata

IL "Disabilitato"La proprietà disabilita l'elemento associato. Questa proprietà può essere utilizzata insieme a una condizione per applicare un controllo sull'elemento recuperato per il requisito dichiarato ed eseguire la condizione corrispondente.

Esempio
Passiamo attraverso il seguente esempio:

Nel frammento di codice sopra:

• Specificare un "ingresso"Campo di testo con attributi disabilitati, ID e segnaposto, rispettivamente.
• Nel codice JS, accedi all'elemento incluso tramite il suo "id" usando il "getElementById ()" metodo.
• Dopodiché, associa il "Disabilitato"Proprietà con l'elemento recuperato per applicare una condizione per il requisito dichiarato.
• Sulla condizione soddisfatta, la precedente condizione eseguirà.
• Nell'altro scenario, il messaggio contro il "altro"La condizione verrà visualizzata.

Produzione

Nell'output di cui sopra, si può osservare che l'elemento del campo di testo di input è disabilitato, come evidente nel modello di oggetto document (DOM) e console, rispettivamente.

Approccio 2: verificare se un elemento è disabilitato nel metodo JavaScript usando il metodo getAttribute ()

IL "getAttribute ()"Il metodo restituisce il valore dell'attributo di un elemento. Questo metodo può essere applicato per eseguire il requisito dichiarato individuando l'attributo corrispondente in un elemento.

Sintassi

elemento.getAttribute (nome)

Nella sintassi sopra data:

• "nome"Corrisponde al nome dell'attributo.

Esempio
Il seguente esempio illustra il concetto dichiarato:

Cliccami

Nelle righe di codice sopra:

• In primo luogo, includi un “pulsante"Elemento con gli attributi"id" E "Disabilitato"Rispettivamente. Qui, assegna il valore booleano "VERO"All'attributo disabilitato.
• Nel codice JavaScript, accedi all'elemento pulsante incluso usando "getElementById ()"Metodo, come discusso.
• Ora, applica il "getAttribute ()"Metodo per individuare l'attributo" disabilitato "all'interno dell'elemento recuperato nel passaggio precedente.
• Allo stesso modo, le condizioni corrispondenti eseguiranno i requisiti soddisfatti e insoddisfatti.

Produzione

Come visto sopra, il pulsante è disabilitato sul DOM, così come il messaggio corrispondente sulla console.

Approccio 3: controlla se un elemento è disabilitato in JavaScript usando JQuery

IL "jQuery"L'approccio può essere implementato per accedere direttamente all'elemento incluso e verificare un particolare attributo.

Esempio
Panoramiamo l'esempio di seguito:

Seguire i passaggi indicati nelle righe precedenti del codice:

• In primo luogo, includi un elemento dell'area di testo con gli attributi dichiarati.
• Inoltre, includi il “jQuery"Biblioteca per utilizzare le sue funzionalità.
• Nel codice JS, accedi all'elemento nel primo passaggio da "id"Direttamente.
• Dopodiché, associa il "attr ()"Metodo con l'elemento recuperato in modo tale che l'attributo dichiarato nel suo parametro si trovi nell'elemento.
• Infine, il messaggio corrispondente verrà visualizzato tramite la finestra di dialogo Avviso.

Produzione

Al momento della verifica, l'elemento corrispondente si è rivelato disabilitato nell'output sopra.

Conclusione

IL "Disabilitato"Proprietà, la"getAttribute ()Metodo ", o"jQuery"L'approccio può essere utilizzato per verificare se un elemento è disabilitato usando JavaScript. La proprietà disabilitata può essere implementata insieme alla condizione per applicare un controllo sull'elemento accessibile. Il metodo getAttribute () esegue il requisito dichiarato individuando l'attributo corrispondente all'interno di un elemento. Mentre l'approccio jQuery accede all'elemento e allo stesso modo controlla un particolare attributo in esso. Questo tutorial ha spiegato come verificare se un elemento è disabilitato in JavaScript.