Kā pēc noklusējuma izvēlēties radio pogu?

HTML formā radiopoga tiek izmantota, ja izstrādātājam ir jāierobežo lietotājam nodrošināt vai atlasīt tikai vienu opciju. Pogas iestatīšanas pēc noklusējuma mērķis ir nodrošināt, ka lietotājam ir jāizvēlas viena opcija, jo tas ļauj lietotājam izvēlēties tikai vienu opciju. Šajā emuārā ir parādīti detalizēti norādījumi, kā pēc noklusējuma atlasīt radiopogu.

Kā pēc noklusējuma izvēlēties radio pogu?

Pēc noklusējuma ' pārbaudīts ” tiek izmantots radio pogas atlasei. Ja šis atribūts tiek izmantots vairākām radio pogām, pēc noklusējuma tiek atlasīta jaunākā poga. Izpildiet soli pa solim sniegto emuāru, lai pēc noklusējuma atlasītu radiopogu:

1. darbība. Izveidojiet radio pogas

HTML failā izveidojiet trīs radio pogas un pievienojiet ar tām etiķetes:

< centrs >

< h3 > Izvēlieties savu pieredzes līmeni: < / h3 >

< div >

< ievade veids = 'radio' id = 'iesācējs' nosaukums = 'pieredze' vērtību = 'iesācējs' >

< etiķete priekš = 'iesācējs' > Iesācējs < / etiķete >

< / div >

< div >

< ievade veids = 'radio' id = 'vidējs' nosaukums = 'pieredze' vērtību = 'vidējs' >

< etiķete priekš = 'vidējs' > Vidēja līmeņa < / etiķete >

< / div >

< div >

< ievade veids = 'radio' id = 'avanss' nosaukums = 'pieredze' vērtību = 'avanss' >

< etiķete priekš = 'avanss' > Avanss < / etiķete >

< / div >

< / centrs >

Iepriekš minētajā koda fragmentā:

Radio poga tiek veidota, izveidojot vienkāršu ' tagus un iestatot tā veidu uz ' radio ”.
Piešķiriet katrai pogai “nosaukums”, “id” un “vērtība”.
Beigās izmantojiet ' id ” ievades laukā, lai pievienotu “ ' tagu, izmantojot ' priekš ” atribūts.

Pēc skripta izpildes izvade, kā norādīts tālāk:

Attēlā redzams, ka radio pogas ir parādītas, bet neviena no tām nav atlasīta pēc noklusējuma.

2. darbība: atlasiet Pēc noklusējuma

' pārbaudīts ” tiek izmantots, lai automātiski atlasītu radio pogu. Tas atlasa tikai vienu opciju. Tāpēc labāk ir izvēlēties vienu radiopogu pēc noklusējuma. Tas ierobežo lietotāja iespēju izvēlēties pareizo opciju:

< div >

< ievade veids = 'radio' id = 'iesācējs' nosaukums = 'pieredze' vērtību = 'iesācējs' pārbaudīts>

< etiķete priekš = 'iesācējs' >Iesācējs< / etiķete >

< / div >

Iepriekš minētajā kodā pārbaudīts tiek izmantots atribūts, un tas tiek piešķirts tikai pirmajam ievades laukam.

Tagad pēc iepriekš minētā koda izpildes tīmekļa lapa izskatās šādi:

Izvade parāda, ka pirmā radio poga tiek atlasīta pēc noklusējuma katrā lapas atsvaidzināšanā.

Bonusa padoms: izmantojiet JavaScript, lai pēc noklusējuma atlasītu radiopogu

Lai atlasītu radiopogu pēc noklusējuma, izmantojot JavaScript, piekļūstiet radio pogai, izmantojot id. Pēc tam atlasiet tā pārbaudīto atribūtu un iestatiet Būla vērtību kā “true”, kā norādīts tālāk norādītajā kodā:

< skripts >

document.getElementById ( 'iesācējs' ) . pārbaudīts = patiess;

< / skripts >

Šajā kodā ' iesācējs ” ir tās radio pogas ID, kas ir atlasīta pēc noklusējuma.

Pēc skripta kompilēšanas izvade, kā norādīts tālāk:

Iepriekš redzamajā momentuzņēmumā pirmā radio poga ir atlasīta pēc noklusējuma, izmantojot JavaScript.

Secinājums

Lai izvēlētos radio pogu, lietotāji var izmantot ' pārbaudīts ” atribūts. Ja atzīmētais atribūts tiek izmantots vairākās pogās, radio poga iegūst jaunāko “atzīmētā” atribūta vērtību. Lai atlasītu radiopogu pēc noklusējuma, izmantojot JavaScript, piekļūstiet radio pogai, izmantojot id. Šajā emuārā ir veiksmīgi parādīts, kā pēc noklusējuma atlasīt radiopogu.

Kā pēc noklusējuma izvēlēties radio pogu?