Sąranka ir patvirtinimas radijo mygtukai atrodo formos laukas tai daugeliui žiniatinklio valdytojų sukelia sunkumus. Iš tikrųjų šių laukų sąranka yra pati paprasčiausia iš visų formos laukų, kad būtų galima patvirtinti kaip radijo mygtukus, vieną vertę, kurią reikia išbandyti tik pateikiant formą.
Su radijo mygtukais susiduria tai, kad yra bent du ir dažniausiai daugiau laukų, kuriuos reikia sudėti į formą, susieti ir išbandyti kaip vieną grupę. Jei naudosite teisingas mygtukų įvardijimo konvencijas ir išdėstymą, jums nekils problemų.
Nustatykite radijo mygtukų grupę
Pirmas dalykas, į kurį reikia atkreipti dėmesį naudojant mūsų formos radijo mygtukus, yra tai, kaip mygtukus reikia koduoti, kad jie tinkamai veiktų kaip radijo mygtukai. Norime, kad elgtumėtės vienu metu pasirinkdami tik vieną mygtuką; pasirinkus vieną mygtuką, bet kurio anksčiau pasirinkto mygtuko pasirinkimas bus automatiškai panaikintas.
Sprendimas yra suteikti visiems grupės mygtukams tą patį pavadinimą, bet skirtingas reikšmes. Čia yra kodas, naudojamas pačiam radijo mygtukui.
Sukurti kelias radijo mygtukų grupes vienai formai taip pat nesunku. Viskas, ką jums reikia padaryti, yra suteikti antrajai radijo mygtukų grupei kitą pavadinimą, nei tas, kuris buvo naudojamas pirmajai grupei.
Pavadinimo laukas nustato, kuriai grupei priklauso tam tikras mygtukas. Vertė, kuri bus perduota konkrečiai grupei, kai bus pateikta forma, bus mygtuko reikšmė grupėje, kuri buvo pasirinkta formos pateikimo metu.
Aprašykite kiekvieną mygtuką
Kad asmuo, pildantis formą, suprastų, ką daro kiekvienas mūsų grupės radijo mygtukas, turime pateikti kiekvieno mygtuko aprašymus. Paprasčiausias būdas tai padaryti yra pateikti aprašą kaip tekstą iškart po mygtuko.
Tačiau yra tik keletas problemų, susijusių su paprasto teksto naudojimu:
- Tekstas gali būti vizualiai susietas su radijo mygtuku, tačiau kai kuriems, pvz., Naudojantiems ekrano skaitytuvus, gali būti neaišku.
- Daugumoje vartotojo sąsajos naudojant radijo mygtukus, su mygtuku susietą tekstą galima spustelėti ir galima pasirinkti susietą radijo mygtuką. Mūsų atveju tekstas tokiu būdu neveiks, nebent tekstas būtų specialiai susietas su mygtuku.
Teksto susiejimas su radijo mygtuku
Norėdami susieti tekstą su atitinkamu radijo mygtuku, kad spustelėję tekstą pasirinksime tą mygtuką, turime padarykite papildomą kiekvieno mygtuko kodą, apjuosdami visą mygtuką ir su juo susijusį tekstą a etiketė.
Štai kaip atrodytų visas vieno mygtuko HTML:
Kaip radijo mygtuką, kurio ID vardas nurodytas dėl etiketės etiketės parametras iš tikrųjų yra pačioje etiketėje, dėl ir ID parametrai kai kuriose naršyklėse nereikalingi. Tačiau jų naršyklės dažnai nėra pakankamai intelektualios, kad atpažintų lizdus, todėl verta jas įdiegti, kad būtų kuo daugiau naršyklių, kuriose veiks kodas.
Tai užbaigia pačių radijo mygtukų kodavimą. Paskutinis žingsnis yra nustatyti radijo mygtuko patvirtinimą naudojant „JavaScript“.
Nustatyti radijo mygtukų patvirtinimą
Radijo mygtukų grupių įteisinimas gali būti neaiškus, tačiau suprantamas kaip tai suprantama.
Ši funkcija patvirtins, kad pasirinktas vienas iš grupės radijo mygtukų:
// Radijo mygtukų tikrinimas
// autorių teisės Steponas Chapmanas, 2004 m. lapkričio 15 d., 2005 m. rugsėjo 14 d
// Galite nukopijuoti šią funkciją, tačiau prašome saugoti autorių teisių įspėjimą
funkcija valButton (btn) {
var cnt = -1;
už (var i = btn.length-1; i> -1; i--) {
if (btn [i] .patikrinta) {cnt = i; i = -1;}
}
if (cnt> -1) grąžina btn [cnt] .value;
else return null;
}
Norėdami naudoti aukščiau pateiktą funkciją, paskambinkite jai iš savo formos patikrinimo rutinos ir perduokite jai radijo mygtuko grupės pavadinimą. Tai grąžins pasirinktos grupės mygtuko vertę arba grąžins nulinę vertę, jei nepasirinktas nė vienas grupės mygtukas.
Pvz., Štai kodas, kuris atliks radijo mygtuko patvirtinimą:
var btn = valButton (forma.grupė1);
if (btn == null) perspėjimas ('Nepasirinktas radijo mygtukas');
else alert ('mygtuko reikšmė' + btn + 'pasirinkta');
Šis kodas buvo įtrauktas į funkciją, kurią iškvietė paspaudus įvykis, pridėtas prie formos patvirtinimo (arba pateikimo) mygtuko.
Funkcijos nuoroda į visą formą buvo perduota kaip parametras, kuris nurodo „formos“ argumentą, kad nurodytų visą formą. Todėl, norėdami patvirtinti radijo mygtukų grupę pavadinimu group1, perduosime form.group1 funkcijai „valButton“.
Visos radijo mygtukų grupės, kurių jums kada nors prireiks, gali būti tvarkomos atlikus aukščiau aprašytus veiksmus.