HTML-painikkeen poistaminen käytöstä JavaScriptin avulla

Html Painikkeen Poistaminen Kaytosta Javascriptin Avulla



JavaScriptissä ohjelmoijat poistavat useimmiten lomakkeen lähetyspainikkeen käytöstä varmistaakseen, että kaikki vaaditut kentät on täytetty ennen lähettämistä. Se auttaa myös estämään useiden lähetysten lähettämisen. Tietyissä tapauksissa kehittäjät saattavat haluta poistaa painikkeen käytöstä sovelluksen tilan tai edellisen toiminnon tuloksen perusteella. Oletetaan esimerkiksi, että käyttäjä on jo lähettänyt lomakkeen tai suorittanut jonkin tehtävän. Siinä tapauksessa poistat ' Lähetä ' tai ' saattaa loppuun ” -painiketta estääksesi heitä lähettämästä tai täyttämästä sitä uudelleen.

Tämä artikkeli kuvaa tapaa poistaa HTML-painike käytöstä JavaScriptissä.

Kuinka poistaa HTML-painike käytöstä JavaScriptin avulla?

Jos haluat poistaa HTML-painikkeen käytöstä JavaScriptin avulla, käytä ' liikuntarajoitteinen ” painikeelementin ominaisuus. Painike on myös poistettu käytöstä HTML-määritteen 'disabled' avulla, mutta se poistetaan käytöstä pysyvästi, etkä voi ottaa sitä uudelleen käyttöön. JavaScriptiä käytettäessä 'disabled'-ominaisuus voidaan poistaa käytöstä ja ottaa painike käyttöön dynaamisesti.







Syntaksi
Annettua syntaksia käytetään painikkeen poistamiseen käytöstä:



painikeObject. liikuntarajoitteinen

Esimerkki 1: Poista painike käytöstä
Luo painike HTML-tiedostoon ja määritä tunnus ' -painiketta ', joka auttaa pääsemään tähän painikkeeseen:



< painikkeen tunnus = 'painike' > Painike -painiketta >

Hae JavaScript-tiedoston HTML-painike käyttämällä heille osoitettua tunnusta ' getElementById() 'menetelmä:





oli -painiketta = asiakirja. getElementById ( 'painike' ) ;

Aseta ominaisuus ' liikuntarajoitteinen ”–” totta ':

-painiketta. liikuntarajoitteinen = totta ;

Kuten näet, lähdön painike on poistettu käytöstä:



Esimerkki 2: Poista napsautustapahtuman painike käytöstä
Tässä poistamme painikkeen käytöstä, kun napsautat sitä. Hanki ensin painikkeen viite sille määritetyn tunnuksen avulla:

oli -painiketta = asiakirja. getElementById ( 'painike' ) ;

Soita ' addEventListener() ' -menetelmää liittämällä ' klikkaus 'tapahtuma, joka asettaa käytöstä poistetun ominaisuuden' totta ” kun napsautat painiketta:

-painiketta. addEventListener ( 'klikkaus' , toiminto ( ) {
jos ( -painiketta. liikuntarajoitteinen ) {
-painiketta. liikuntarajoitteinen = väärä ;
}
muu {
-painiketta. liikuntarajoitteinen = totta ;
}
} ) ;

Voidaan havaita, että kun painiketta napsautetaan, se poistetaan käytöstä:

Siinä oli kyse JavaScriptin käytöstä poistamisesta.

Johtopäätös

Jos haluat poistaa HTML-painikkeen käytöstä JavaScriptissä, käytä ' liikuntarajoitteinen ” painikeelementin ominaisuus. Se auttaa painikkeen ottamista käyttöön tai poistamista käytöstä dynaamisesti, kun taas HTML-attribuutti 'disabled' poistaa painikkeen pysyvästi käytöstä. Tämä artikkeli havainnollistaa menetelmää HTML-painikkeen poistamiseksi käytöstä JavaScriptissä.