Ez a cikk bemutatja a HTML gomb JavaScriptben való letiltásának módját.
Hogyan lehet letiltani a HTML gombot JavaScript használatával?
Egy HTML gomb JavaScript használatával történő letiltásához használja a „ Tiltva ” tulajdonsága a gombelemnek. A gomb a HTML „disabled” attribútum használatával is le van tiltva, de véglegesen le lesz tiltva, és nem tudja újra engedélyezni. JavaScript használata közben a „disabled” tulajdonság letiltható, és dinamikusan engedélyezhető a gomb.
Szintaxis
A megadott szintaxis a gomb letiltására szolgál:
gombObject. Tiltva
1. példa: Tiltsa le a gombot
Hozzon létre egy gombot egy HTML-fájlban, és rendeljen hozzá egy azonosítót ' gomb ', amely segít elérni ezt a gombot:
< gomb id = 'gomb' > Gomb gomb >
Töltse le a HTML gombot egy JavaScript-fájlban, a hozzárendelt azonosítójuk használatával a ' getElementById() ” módszer:
volt gomb = dokumentum. getElementById ( 'gomb' ) ;
Állítsa be a tulajdonságot ' Tiltva ' nak nek ' igaz ”:
gomb. Tiltva = igaz ;Mint látható, a kimeneten lévő gomb le van tiltva:
2. példa: Tiltsa le a gombot a kattintási eseményen
Itt letiltjuk a gombot, miközben rákattintunk. Először szerezze meg a gomb hivatkozását a hozzárendelt azonosítóval:
Hívja a ' addEventListener() ” módszert a „ kattintson ' esemény, amely beállítja a letiltott tulajdonságot ' igaz ” miközben a gombra kattint:
gomb. addEventListener ( 'kattintás' , funkció ( ) {ha ( gomb. Tiltva ) {
gomb. Tiltva = hamis ;
}
más {
gomb. Tiltva = igaz ;
}
} ) ;
Megfigyelhető, hogy a gombra kattintáskor az letiltásra kerül:
Ez minden a JavaScript letiltási gombjáról szólt.
Következtetés
A HTML gomb JavaScriptben való letiltásához használja a „ Tiltva ” tulajdonsága a gombelemnek. Segít a gomb dinamikus engedélyezésében vagy letiltásában, míg a HTML „disabled” attribútum véglegesen letiltja a gombot. Ez a cikk a HTML gomb JavaScriptben való letiltásának módját szemlélteti.