Pulsante Disabilita jQuery
Tuttavia, come la maggior parte delle cose del mondo, ha alcuni svantaggi. Uno di questi è che manca di un metodo diretto per disabilitare un pulsante. Ciò non significa che sia annullato. E in questo tutorial, discuteremo di come possiamo disabilitare un pulsante usando jQuery."
Metodo di prop. JQuery
Aggiunto nella versione 1 jQuery.6 e oltre, jQuery consente di disabilitare un pulsante utilizzando il metodo prop ().
Puoi saperne di più sull'origine della funzione nella risorsa seguente:
https: // API.jQuery.com/prop/
Per ora, ci concentreremo su come utilizzare questo metodo per disabilitare un pulsante.
Vediamo la sintassi della funzione e come possiamo usarla. Come tutti i metodi jQuery, la funzione prop () viene applicata a un elemento selezionato. Nel nostro esempio, stiamo usando un pulsante semplice.
Quindi, iniziamo creando un pulsante semplice.
L'esempio sopra mostra un pulsante molto semplice che ha un ID di ID. Possiamo quindi utilizzare l'ID per selezionare il pulsante e applicare la funzione prop.
La sintassi è come mostrato di seguito:
Nell'esempio sopra, apriamo il tag di script e aggiungiamo il nostro JavaScript dalla libreria JQuery. Iniziamo selezionando l'elemento che desideriamo disabilitare usando il suo ID. Una volta selezionato, utilizzare il metodo Prop e impostare la proprietà disabilitata su TRUE.
Tieni presente che la funzione Prop accetta l'attributo target come primo parametro in forma di stringa. Il secondo parametro è il valore dell'attributo in forma booleana.
Esempio
Per illustrare, iniziamo importando la libreria jQuery nel nostro file HTML.
Possiamo quindi creare il pulsante e disabilitarlo come mostrato nel codice di esempio in basso:
Se apriamo il file nel browser, dovremmo vedere che il pulsante è disabilitato.
Abilita pulsante con jQuery
È vero il contrario. Possiamo abilitare e disabilitare il pulsante impostando l'attributo disabilitato su FALSE nella funzione Prop.
Per esempio:
Nell'esempio sopra, possiamo vedere che il pulsante è disabilitato per impostazione predefinita impostando la proprietà disabilitata HTML.
Possiamo quindi abilitarlo usando jQuery, come mostrato sopra.
Chiusura
Questo breve tutorial copre le basi della disabilitazione e dell'abilitazione di un pulsante in jQuery utilizzando la funzione prop. Se stai usando jQuery versione 1.6 e più in basso, puoi usare la funzione ATTR che funziona in modo simile.
Codice felice!!