Постављање и провјеравање радио типки

Подешавање и валидација радио дугмади изгледа да је поље облика што многим вебмастерима пружа највише потешкоћа у постављању. Заправо је постављање ових поља најједноставније од свих поља образаца за потврду јер радио дугмади постављају једну вредност која треба бити тестирана тек кад се образац преда.

Потешкоћа са радио тастерима је што постоје најмање два и обично више поља која треба да се ставе на образац, међусобно повезана и тестирају као једна група. Под условом да користите исправне конвенције именовања и распоред за своје дугмад, нећете имати проблема.

Прво на шта треба обратити пажњу приликом употребе радио дугмади на нашем обрасцу јесте како тастери морају бити кодирани да би правилно функционисали као радио тастери. Жељено понашање које желимо је да имамо истовремено изабрано само једно дугме; када је изабрано једно дугме, било који претходно одабрани тастер ће се аутоматски поништити.

Овде је решење дати свим радио дугмади унутар групе исто име, али различите вредности. Овде је код који се користи за сам радио дугме.

Стварање више група радио дугмади за један облик је такође лако. Све што требате учинити је да другој групи радио-дугмета додијелите другачије име од оне која се користи за прву групу.

Поље имена одређује којој групи припада одређено дугме. Вриједност која ће се прослиједити одређеној групи када се образац предаје бит ће вриједност гумба унутар групе која је одабрана у тренутку слања обрасца.

Да би особа која испуњава образац схватила шта ради сваки радио тастер у нашој групи, морамо да дамо описе за свако дугме. Најједноставнији начин да то учините је пружити опис као текст одмах након дугмета.

Међутим, постоји неколико проблема са употребом обичног текста:

1. Текст је можда визуелно повезан са радио дугметом, али неким корисницима који користе читаче екрана можда неће бити јасан.
2. У већини кориснички интерфејси Коришћењем радио дугмета, текст који се повезује са дугметом је могуће кликнути и моћи ће да одабере повезани тастер. У нашем случају овде текст неће радити на овај начин уколико текст није посебно повезан са дугметом.

Да бисмо повезали текст са одговарајућим радио дугметом, тако да ћемо кликањем на текст одабрати то дугме додајте додатни код за свако дугме тако што ћете опколити цело дугме и припадајући текст унутар етикета.

Ево како би изгледао комплетан ХТМЛ за један од тастера:

 дугме једно

Као радио дугме са ид именом наведеним у за параметар ознаке наљепнице се заправо налази унутар саме ознаке, за и ид параметри су сувишни у неким прегледачима. Њихови прегледачи, међутим, често нису довољно паметни да би препознали гнездење, па их вреди укључити да максимизирају број прегледача у којима ће код функционисати.

Тиме се комплетира кодирање самих радио дугмета. Завршни корак је подешавање валидације радио дугмета помоћу ЈаваСцрипт.

Валидација група радио дугмади можда није очигледна, али лако је једном када знате како.

Следећа функција ће потврдити да је изабран један од радио дугмета у групи:

// Провјера радио дугмета
// ауторска права Степхен Цхапман, 15. новембра 2004., 14. септембра 2005. године
// можете копирати ову функцију, али вас молимо да задржите обавештење о ауторским правима са њом
функција валБуттон (бтн) {
вар цнт = -1;
за (вар и = бтн.ленгтх-1; и> -1; и--) {
иф (бтн [и]. провјерено) {цнт = и; и = -1;}
}
ако (цнт> -1) врати бтн [цнт]. вредност;
елсе ретурн нулл;
}

Да бисте користили горњу функцију, назовите је из своје рутине за потврду форме и унесите јој назив групе радио дугмета. Вратит ће вриједност гумба унутар одабране групе или вратити нулту вриједност ако у групи није одабрано ниједно дугме.

На пример, ево кода који ће извршити потврду радио дугмета:

вар бтн = валБуттон (форм.гроуп1);
иф (бтн == нулл) упозорење ('Није одабран радио дугме');
друго упозорење ('вредност дугмета' + бтн + 'изабрано');

Овај код је укључен у функцију коју зове ан онЦлицк догађај у прилогу дугмета за потврду (или слање) на обрасцу.

Референца на цео образац пренета је као параметар у функцију, која користи аргумент "форм" да би се односила на комплетан образац. Да бисмо потврдили групу радио дугмета са именом наме1, прелазимо форм.гроуп1 у функцију валБуттон.

Свим групама радио дугмади које ће вам икада требати можете руковати помоћу горе наведених корака.