Paano Pumili ng Radio Button sa Default?
Bilang default ' sinuri 'Ang katangian ay ginagamit para sa pagpili ng radio button. Kung ginagamit ang attribute na ito sa maraming radio button, pipiliin bilang default ang pinakakamakailang radio button. Sundin ang step-by-step na blog upang piliin ang radio button bilang default:
Hakbang 1: Gumawa ng Radio Buttons
Sa HTML file, lumikha ng tatlong radio button at maglakip ng mga label sa kanila:
< gitna >
< h3 > Piliin ang antas ng iyong karanasan: < / h3 >
< div >
< input uri = 'radyo' id = 'baguhan' pangalan = 'karanasan' halaga = 'baguhan' >
< label para sa = 'baguhan' > Baguhan < / label >
< / div >
< div >
< input uri = 'radyo' id = 'nasa pagitan' pangalan = 'karanasan' halaga = 'nasa pagitan' >
< label para sa = 'nasa pagitan' > Nasa pagitan < / label >
< / div >
< div >
< input uri = 'radyo' id = 'advance' pangalan = 'karanasan' halaga = 'advance' >
< label para sa = 'advance' > Advance < / label >
< / div >
< / gitna >
Sa snippet ng code sa itaas:
- Ang radio button ay nabuo sa pamamagitan ng paglikha ng simpleng ' 'tag at pagtatakda ng uri nito sa ' radyo ”.
- Italaga ang bawat radio button na may 'pangalan', 'id', at 'halaga'.
- Sa huli, gamitin ang ' id ” ng input field para i-attach ang “ 'tag gamit ang ' para sa ” katangian.
Pagkatapos isagawa ang script ang output tulad ng sa ibaba:
Ang figure ay kumakatawan na ang mga radio button ay ipinapakita ngunit wala sa mga ito ay pinili bilang default.
Hakbang 2: Piliin Sa pamamagitan ng Default
Ang ' sinuri Ang katangian ng ” ay ginagamit upang awtomatikong piliin ang radio button. Pumipili lamang ito ng isang opsyon. Iyon ang dahilan kung bakit ito ay isang mas mahusay na diskarte upang pumili ng isang radio button bilang default. Nililimitahan nito ang user sa pagpili ng tamang opsyon:
< div >
< input uri = 'radyo' id = 'baguhan' pangalan = 'karanasan' halaga = 'baguhan' nasuri>
< label para sa = 'baguhan' >Beginner< / label >
< / div >
Sa code sa itaas, ang sinuri attribute ay ginagamit at ito ay itinalaga sa unang input field lamang.
Ngayon pagkatapos isagawa ang webpage ng code sa itaas ay ganito ang hitsura:
Ang output ay naglalarawan na ang unang radio button ay pinili bilang default sa bawat pag-refresh ng pahina.
Tip sa Bonus: Paggamit ng JavaScript upang Piliin ang Pindutan ng Radyo sa pamamagitan ng Default
Upang pumili ng radio button bilang default gamit ang JavaScript, i-access ang radio button gamit ang id. Pagkatapos, piliin ang naka-check na katangian nito at itakda ang Boolean value na nakatakda sa 'true' tulad ng nasa ibaba ng code:
< iskrip >document.getElementById ( 'baguhan' ) . sinuri = totoo;
< / iskrip >
Sa code na ito, ang ' baguhan ” ay ang id ng radio button na iyon na pinili bilang default.
Matapos i-compile ang script ang output tulad ng sa ibaba:
Sa snapshot sa itaas, ang unang radio button ay pinili bilang default gamit ang JavaScript.
Konklusyon
Para sa pagpili ng radio button, maaaring gamitin ng mga user ang ' sinuri ” katangian. Kung ang may check na attribute ay ginagamit sa higit sa isang radio button, ang radio button ay makakakuha ng pinakakamakailang 'checked' attribute value. Upang pumili ng radio button bilang default gamit ang JavaScript, i-access ang radio button gamit ang id. Matagumpay na naipakita ng blog na ito kung paano piliin ang radio button bilang default.