Как да изберете радио бутон по подразбиране?
По подразбиране ' проверено ” Атрибутът се използва за избор на радио бутона. Ако този атрибут се използва за няколко бутона за избор, тогава последният бутон за избор се избира по подразбиране. Следвайте блога стъпка по стъпка, за да изберете бутона за избор по подразбиране:
Стъпка 1: Създайте радио бутони
В HTML файла създайте три бутона за избор и прикачете етикети към тях:
< център >
< h3 > Изберете вашето ниво на опит: < / h3 >
< див >
< вход Тип = 'радио' документ за самоличност = 'начинаещ' име = 'опит' стойност = 'начинаещ' >
< етикет за = 'начинаещ' > Начинаещ < / етикет >
< / див >
< див >
< вход Тип = 'радио' документ за самоличност = 'междинен' име = 'опит' стойност = 'междинен' >
< етикет за = 'междинен' > Междинен < / етикет >
< / див >
< див >
< вход Тип = 'радио' документ за самоличност = 'аванс' име = 'опит' стойност = 'аванс' >
< етикет за = 'аванс' > Предварително < / етикет >
< / див >
< / център >
В горния кодов фрагмент:
- Радио бутонът се формира чрез създаване на прости „ <вход> ” тагове и задаване на неговия тип на „ радио ”.
- Задайте всеки бутон за избор с „име“, „id“ и „стойност“.
- Накрая използвайте „ документ за самоличност ” от полето за въвеждане, за да прикачите „ <етикет> ” с помощта на „ за ' атрибут.
След изпълнение на скрипта изходът е както следва:
Фигурата показва, че радио бутоните се показват, но нито един от тях не е избран по подразбиране.
Стъпка 2: Изберете По подразбиране
„ проверено ” атрибутът се използва за автоматично избиране на бутона за избор. Избира само една опция. Ето защо е по-добър подход да изберете един бутон за избор по подразбиране. Това ограничава потребителя да избере правилната опция:
< див >
< вход Тип = 'радио' документ за самоличност = 'начинаещ' име = 'опит' стойност = 'начинаещ' проверено>
< етикет за = 'начинаещ' >Начинаещ< / етикет >
< / див >
В горния код, проверено използва се атрибут и се присвоява само на първото поле за въвеждане.
Сега след изпълнението на горния код уеб страницата изглежда така:
Резултатът показва, че първият бутон за избор е избран по подразбиране при всяко опресняване на страницата.
Бонус съвет: Използване на JavaScript за избиране на радиобутона по подразбиране
За да изберете радио бутон по подразбиране с помощта на JavaScript, отворете радио бутона с id. След това изберете неговия отметнат атрибут и задайте неговата булева стойност, зададена на „true“, както е в кода по-долу:
< сценарий >document.getElementById ( 'начинаещ' ) . проверено = вярно;
< / сценарий >
В този код „ начинаещ ” е идентификаторът на този радио бутон, който е избран по подразбиране.
След компилиране на скрипта резултатът е както следва:
В горната моментна снимка първият бутон за избор е избран по подразбиране с помощта на JavaScript.
Заключение
За избор на радио бутон потребителите могат да използват „ проверено ' атрибут. Ако атрибутът checked се използва в повече от един бутон за избор, тогава бутонът за избор получава най-новата стойност на атрибута „checked“. За да изберете радио бутон по подразбиране с помощта на JavaScript, отворете радио бутона с id. Този блог успешно демонстрира как да изберете радио бутона по подразбиране.