JQuery Deaktiver -knapp

“JQuery er et av de mest nyttige og populære JavaScript -bibliotekene. Det er et gratis og åpen kildekode-JavaScript som revolusjonerte front-end-utvikling til et helt nytt nivå. Du kan glemme kantete og reagere.

Imidlertid, som de fleste ting i verden, har det noen ulemper. En av dem er at det mangler en direkte metode for å deaktivere en knapp. Det betyr ikke at det er uanstendig. Og i denne opplæringen vil vi diskutere hvordan vi kan deaktivere en knapp ved hjelp av jQuery.”

JQuery Prop -metode

Lagt til i jQuery versjon 1.6 og over lar jQuery deg deaktivere en knapp ved hjelp av prop () -metoden.

Du kan lære mer om opprinnelsen til funksjonen i ressursen nedenfor:

https: // api.jQuery.com/prop/

Foreløpig vil vi fokusere på hvordan du bruker denne metoden for å deaktivere en knapp.

La oss se på syntaksen til funksjonen og hvordan vi kan bruke den. Som alle jQuery -metoder, brukes prop () -funksjonen på et valgt element. I vårt eksempel bruker vi en enkel knapp.

La oss derfor starte med å lage en enkel knapp.

Sende inn

Eksemplet over viser en veldig enkel knapp som har en ID av ID. Vi kan deretter bruke IDen til å velge knappen og bruke rekvisittfunksjonen.

Syntaksen er som vist nedenfor:

Sende inn

I eksemplet over åpner vi skriptetoden og legger til vårt JavaScript fra JQuery Library. Vi starter med å velge elementet som vi ønsker å deaktivere ved å bruke IDen. Når du er valgt, bruk rekvisittmetoden og sett den funksjonshemmede egenskapen til True.

Husk at rekvisittfunksjonen aksepterer målattributtet som den første parameteren i strengform. Den andre parameteren er verdien av attributtet i boolsk form.

Eksempel

For å illustrere, la oss starte med å importere jQuery -biblioteket til HTML -filen vår.

Vi kan deretter opprette knappen og deaktivere den som vist i prøvekoden nedenfor:

Sende inn

Hvis vi åpner filen i nettleseren, bør vi se at knappen er deaktivert.

Aktiver knapp med jQuery

Det motsatte er sant. Vi kan aktivere og deaktivere knappen ved å angi funksjonshemmede attributt til FALSE i rekvisittfunksjonen.

For eksempel:

Sende inn

I eksemplet over kan vi se at knappen er deaktivert som standard ved å stille inn HTML -funksjonshemmede eiendommer.

Vi kan deretter aktivere det ved hjelp av jQuery, som vist ovenfor.

Lukking

Denne korte opplæringen dekker det grunnleggende om å deaktivere og aktivere en knapp i jQuery ved å bruke rekvisittfunksjonen. Hvis du bruker jQuery versjon 1.6 og lavere kan du bruke ATTR -funksjonen som fungerer på samme måte.

Glad koding!!