JQuery Deaktiver -knapp
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.
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:
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:
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:
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!!