Како подразумевано изабрати радио дугме?
Подразумевано ' проверено ” атрибут се користи за избор радио дугмета. Ако се овај атрибут користи на више радио дугмади, тада се подразумевано бира најновије радио дугме. Пратите блог корак по корак да бисте подразумевано изабрали радио дугме:
Корак 1: Креирајте радио дугмад
У ХТМЛ датотеци направите три радио дугмета и приложите ознаке са њима:
< центар >
< х3 > Изаберите свој ниво искуства: < / х3 >
< див >
< улазни тип = 'радио' ид = 'почетник' име = 'искуство' вредност = 'почетник' >
< етикета за = 'почетник' > Бегиннер < / етикета >
< / див >
< див >
< улазни тип = 'радио' ид = 'средњи' име = 'искуство' вредност = 'средњи' >
< етикета за = 'средњи' > Средњи < / етикета >
< / див >
< див >
< улазни тип = 'радио' ид = 'унапред' име = 'искуство' вредност = 'унапред' >
< етикета за = 'унапред' > Напред < / етикета >
< / див >
< / центар >
У горњем исечку кода:
- Радио дугме се формира креирањем једноставног „ <инпут> ” ознаке и подешавање њеног типа на “ радио ”.
- Доделите сваком радио дугмету „име“, „ид“ и „вредност“.
- На крају, користите „ ид ” поља за унос да приложите „ <ознака> “ ознаку користећи “ за ” атрибут.
Након извршавања скрипте, излаз као испод:
Слика представља да су радио дугмад приказани, али ниједан од њих није изабран подразумевано.
Корак 2: Изаберите Подразумевано
„ проверено ” атрибут се користи за аутоматски избор радио дугмета. Бира само једну опцију. Зато је бољи приступ подразумевано изабрати једно радио дугме. Ограничава корисника да одабере праву опцију:
< див >
< улазни тип = 'радио' ид = 'почетник' име = 'искуство' вредност = 'почетник' проверено>
< етикета за = 'почетник' >Почетник< / етикета >
< / див >
У горњем коду, проверено атрибут се користи и додељује се само првом пољу за унос.
Сада након извршавања горњег кода веб страница изгледа овако:
Излаз илуструје да је прво дугме за избор подразумевано изабрано при сваком освежавању странице.
Бонус савет: Коришћење ЈаваСцрипт-а за подразумевано бирање радио дугмета
Да бисте подразумевано изабрали радио дугме користећи ЈаваСцрипт, приступите радио дугмету користећи ид. Затим изаберите његов проверени атрибут и поставите његову Булову вредност постављену на „труе“ као у коду испод:
< скрипта >доцумент.гетЕлементБиИд ( 'почетник' ) . проверено = истина;
< / скрипта >
У овом коду, „ почетник ” је ид тог радио дугмета који је подразумевано изабран.
Након компајлирања скрипте, излаз на следећи начин:
У горњем снимку, први радио дугме је подразумевано изабрано помоћу ЈаваСцрипт-а.
Закључак
За избор радио дугмета, корисници могу да користе „ проверено ” атрибут. Ако се проверени атрибут користи у више од једног радио дугмета, тада радио дугме добија најновију вредност „провереног“ атрибута. Да бисте подразумевано изабрали радио дугме користећи ЈаваСцрипт, приступите радио дугмету користећи ид. Овај блог је успешно показао како се подразумевано бира радио дугме.