Angi “deaktivert” -attributtet ved hjelp av JavaScript
Mens du lager websider eller nettsteder som involverer brukerinteraksjon, kan det være et krav om å fylle ut et skjema eller et spørreskjema som har saksfølsomme felt. For eksempel å legge inn navn, passord osv. I tillegg begrenser brukeren fra å legge inn et felt eller sende inn et skjema hvis et bestemt krav er oppfylt. I slike tilfeller blir scenarier det funksjonshemmede attributtet ved hjelp av JavaScript veldig nyttig for å gi en kommunikasjonsmåte mellom utvikleren og sluttbrukeren.
Denne artikkelen vil illustrere hvordan du angir funksjonshemmede attributt i JavaScript.
Hvordan du angir “deaktivert” attributtet i JavaScript?
“funksjonshemmet”Attributt kan settes ved hjelp av“setAttribute ()”Metode. SetAttribute () -metoden tildeler en bestemt verdi til en attributt. Denne metoden kan brukes for å tilordne et element et bestemt attributt.
Syntaks
element.setAttribute (navn, verdi)
I syntaks ovenfor:
- “Navn”Angir attributtets navn.
- “verdi”Tilsvarer det nye attributtets verdi.
La oss følge de eksempler under givende.
Eksempel 1: Angi den "deaktiverte" attributtet til et inngangsfelt
I dette eksemplet vil et enkelt inngangsfelt bli deaktivert på knappeklikk.
La oss observere det undergitte eksemplet:
I kodelinjene ovenfor:
- Inkluderer et inngangsfelt som har det spesifiserte “id”Og en“stedholder”Verdi.
- Opprett også en knapp som har vedlagt "ved trykk”Hendelse som omdirigerer til funksjonen som er seddisable ().
- I JavaScript -delen av koden, erklærer en funksjon som heter “setdisable ()”. I sin definisjon får tilgang til det inkluderte inngangsfeltet ved å bruke dets “id”I“getElementById ()”Metode.
- Til slutt, bruk "setAttribute ()”Metode slik at det hentede elementet i forrige trinn er tildelt attributtet“funksjonshemmet”.
- Dette vil resultere i å deaktivere inngangsfeltet på knappeklikk.
Produksjon
Fra output ovenfor kan det observeres at inngangsfeltet blir deaktivert på knappeklikk.
Eksempel 2: Angi attributtet “deaktivert” ved hjelp av en boolsk verdi
I dette eksemplet vil det funksjonshemmede attributtet bli tildelt en boolsk verdi for å utføre ønsket funksjonalitet.
Følgende eksempel forklarer det uttalte konseptet:
I henhold til ovennevnte kodebit:
- Tildel en inngang "tekstarea”Element som har det angitt”id”.
- Opprett også en knapp som har en "ved trykk”Arrangement som vil påkalle funksjonen som er satt av ().
- I JavaScript -delen av koden, definerer du en funksjon som heter “setdisable ()”. I sin definisjon, på samme måte, får tilgang til det inkluderte tekstområdet, bruk "setAttribute ()”Metode og tilordne den en boolsk verdi”ekte”, Henholdsvis.
- Dette vil resultere for å deaktivere inngangstekstområdet på knappeklikket.
Produksjon
“funksjonshemmet”Attributt er satt på en riktig måte.
Eksempel 3: Angi den "deaktiverte" attributtet til flere elementer
Dette eksemplet vil resultere i å sette "funksjonshemmet”Attributt slik at forskjellige elementer vil bli deaktivert på knappeklikk samtidig.
La oss oversikt over det undergitte eksemplet:
Gå gjennom følgende trinn som gitt i ovennevnte kodebit:
- Først, inkludere inngangen “tekstfelt”Og en“avkrysningsrute”Element, henholdsvis med den spesifiserte klassen.
- Lag på samme måte en knapp som har en "ved trykk”Hendelse som påberoper seg funksjonen som.
- I JavaScript -delen av koden, erklærer en funksjon som heter “setdisable ()”. I sin definisjon får tilgang til de inkluderte elementene ved å bruke "getElementsByClassName ()”Metode.
- Etter det, bruk "til" Løkke. Innenfor sløyfen, bruk "setAttribute ()”Metode slik at alle de inkluderte elementene blir deaktivert på knappeklikk.
Produksjon
Fra output ovenfor er det tydelig at alle elementene blir deaktivert på knappeklikk.
Konklusjon
“setAttribute ()”Metode kan implementeres ved å ta forskjellige parametere for å angi funksjonshemmede attributt ved hjelp av JavaScript. Denne metoden kan brukes på et inngangsfelt med eller uten tildelt boolsk verdi. Det kan også brukes til å deaktivere flere elementer samtidig. Denne opplæringen forklarte hvordan du angir deaktiveringsattributtet ved hjelp av JavaScript.