Tämä artikkeli havainnollistaa JavaScriptin HTML DOM Input -valintaruudun 'pois käytöstä' -ominaisuuden tarkoitusta, toimintaa ja käyttöä.
Kuinka HTML DOM Input -valintaruutu 'pois käytöstä' -ominaisuus toimii JavaScriptissä?
Syötä valintaruutu ' liikuntarajoitteinen '-ominaisuus riippuu 'checkbox'-määritteestä. Se toimii HTML-lomakkeilla ja syöttökentillä ja poistaa annetut valintaruudut käytöstä ja poistaa ne käytöstä.
Syntaksi (Aseta käytöstä poistettu ominaisuus)
valintaruutuObject. liikuntarajoitteinen = totta | vääräMääritellyn paluusyntaksin mukaan 'disabled'-ominaisuus tukee kahta parametria, jotka on lueteltu seuraavasti:
- totta: Se tarkoittaa, että vastaava valintaruutu on poistettu käytöstä.
- false (oletusarvo): Se on valinnainen arvo, joka tarkoittaa, että siihen liittyvää valintaruutua ei ole poistettu käytöstä.
Palauta (palauta käytöstä poistettu omaisuus)
valintaruutuObject. liikuntarajoitteinenYllä olevassa syntaksissa ' valintaruutuObject 'vastaa HTML-koodia' valintaruutu ”elementtiä.
Hyödynnetään alla olevissa esimerkeissä yllä määriteltyjä syntakseja ymmärtääksemme 'disabled' -ominaisuuden käytännön toteutuksen.
Esimerkki 1: Input-valintaruudun 'pois käytöstä' -ominaisuuden käyttäminen Perussyntaksin käyttö
Ensimmäisessä esimerkissä 'valintaruutu' lisätään sen poistamiseksi käytöstä määritettyä yleistettyä syntaksia käyttämällä.
HTML-koodi
Analysoi ensin annettu HTML-koodi:
< vartalo tyyli = 'text-align: center' >
< h2 > HTML DOM-tulo Valintaruutu ominaisuus poistettu käytöstä JavaScriptissä h2 >
Valintaruutu : < syötteen tyyppi = 'valintaruutu' id = 'demo' > Lomake lähetetty < br >< br >
< s > Annettu valintaruutu on poistettu käytöstä s >
Yllä olevilla koodiriveillä:
- ' ' -tunniste määrittää leipäosan, joka on tasattu ' keskusta '' -sovelluksen avulla tyyli ”-attribuutti.
- ' ” -tunniste määrittää tason 2 alaotsikon.
- '
' -tunniste luo 'valintaruudun' määrittämällä syöttötyypin ' valintaruutu 'jolla on määritetty tunnus' demo ”. - ' ' -tunniste lisää kappaleelementin näyttämään tuloksena olevan tuloksen.
JavaScript-koodi
Katso seuraavaksi JavaScript-koodi:
< käsikirjoitus >asiakirja. getElementById ( 'demo' ) . liikuntarajoitteinen = totta ;
käsikirjoitus >
Yllä olevassa koodinpätkässä ' document.getElementById() ' -menetelmää käytetään valintaruudun hakemiseen sen tunnuksella 'demo' ja 'disabled' -ominaisuuden arvoksi asetetaan ' totta ', joka poistaa valintaruudun käytöstä.
Lähtö
Yllä oleva tulos vahvistaa, että annettu valintaruutu on poistettu käytöstä, koska ' liikuntarajoitteinen '-ominaisuus asetettu arvoon ' totta ”.
Esimerkki 2: Palautus Input-valintaruudun 'pois käytöstä' -ominaisuusarvon
Tämä esimerkki käyttää 'disabled'-ominaisuutta palauttamaan kohdistetun valintaruudun tilan loogisena arvona (tosi/false).
HTML-koodi
Harkitse seuraavaa HTML-koodia:
< vartalo tyyli = 'text-align: center' >< h2 > HTML DOM-tulo Valintaruutu ominaisuus poistettu käytöstä JavaScriptissä h2 >
Valintaruutu : < syötteen tyyppi = 'valintaruutu' liikuntarajoitteinen = totta id = 'demo' > Lomake lähetetty < br >< br >
< p id = 'näyte' > s >
Yllä olevassa koodilohkossa:
- Valintaruutu on määritetty ja ' liikuntarajoitteinen ominaisuus on asetettu arvoon totta ”.
- Sen jälkeen tyhjä ' ' -elementti lisätään määritetyllä id:llä 'sample' tulosteen liittämiseksi.
JavaScript-koodi
Siirry nyt JavaScript-koodiin:
< käsikirjoitus >Tuolla on = asiakirja. getElementById ( 'demo' ) . liikuntarajoitteinen ;
asiakirja. getElementById ( 'näyte' ) . innerHTML = a ;
käsikirjoitus >
Yllä olevassa koodissa:
- Muuttuja ' a ' käyttää ' document.getElementById() ' -menetelmää päästäksesi valintaruutuun sen tunnuksella 'demo' ja yhdistämään ' liikuntarajoitteinen ” -ominaisuutta tarkistaaksesi, onko haettu valintaruutu poistettu käytöstä vai ei.
- Uudelleen käytetty 'document.getElementById()' -menetelmä noutaa mukana olevan tyhjän kappaleen ja näyttää 'disabled' -ominaisuuden tilan kappaleena.
Lähtö
Kuten analysoitu, tulos palauttaa 'valintaruudulle' jaetun tilan, eli ' totta ”.
Esimerkki 3: Poista käytöstä valintaruutu ja poista käytöstä syöte-valintaruudun 'pois käytöstä' -ominaisuus
Paitsi valintaruudun tilan asettamisen ja palauttamisen, 'pois käytöstä' -ominaisuuden avulla käyttäjät voivat myös poistaa valintaruudun käytöstä ja poistaa sen käytöstä samanaikaisesti. Katsotaanpa käytännössä.
HTML-koodi
Katsotaanpa kirjoitettua HTML-koodia:
< vartalo tyyli = 'text-align: center' >< h2 > HTML DOM-tulo Valintaruutu ominaisuus poistettu käytöstä JavaScriptissä h2 >
Valintaruutu : < syötteen tyyppi = 'valintaruutu' id = 'demo' > Lomake lähetetty syöttö >< br >< br >
< painiketta onclick = 'checkDisable()' > Poista valintaruutu käytöstä -painiketta >
< painiketta onclick = 'checkUndisable()' > Poista valintaruutu käytöstä -painiketta >
Yllä olevassa koodilohkossa:
- Lisää myös valintaruutu ja painike, jossa on ' klikkaamalla tapahtuma, joka suorittaa checkDisable() ”-toimintoa napin painalluksella.
- Sen jälkeen lisätään toinen painike, joka käyttää myös 'onclick' -tapahtumakäsittelijää '' tarkista Poista käytöstä() ”-toiminto, kun painike napsahtaa.
JavaScript-koodi
Käy seuraavaksi läpi alla oleva koodi:
< käsikirjoitus >toimintotarkistus Poista käytöstä ( ) {
asiakirja. getElementById ( 'demo' ) . liikuntarajoitteinen = totta ;
}
toimintotarkistus Poista käytöstä ( ) {
asiakirja. getElementById ( 'demo' ) . liikuntarajoitteinen = väärä ;
}
käsikirjoitus >
Yllä olevilla koodiriveillä:
- Määritä funktio nimeltä ' checkDisable() ', joka koskee ' document.getElementById() ' -menetelmää lähestyä valintaruutua sen tunnuksen 'demo' kautta ja asettaa sen arvoksi 'true'.
- Toinen toiminto' tarkista Poista käytöstä() ” -toiminto käyttää jälleen 'document.getElementById()' -menetelmää päästäkseen valintaruutuun uudelleen ja asettaakseen sen arvoksi 'false', jos käyttäjä napsauttaa mukana olevaa toista painiketta nimeltä 'Poista valintaruutu käytöstä'.
Lähtö
Tulos 'poistaa' annetun valintaruudun, kun käyttäjä napsauttaa ensimmäistä painiketta, ja 'poistaa sen käytöstä', jos käyttäjä klikkaa toista painiketta vastaavasti.
Johtopäätös
JavaScriptissä HTML DOM -syötön valintaruutu ' liikuntarajoitteinen ”-ominaisuus auttaa käyttäjiä asettamaan ja palauttamaan ”valintaruudun” valitun tilan. Se määrittelee yleiset syntaksit sekä 'set'- että 'return'-prosesseille. Sen asetettu syntaksi toimii kahdella arvolla ' totta ' ja ' väärä ”. Toisaalta sen paluusyntaksi ei vaadi mitään parametria. Tämä artikkeli esitteli JavaScriptin HTML DOM Input -valintaruudun 'pois käytöstä' -ominaisuuden tavoitteen, toimivan ja käytännön toteutuksen.