JavaScript – Potvrda CheckBox polja, klikom na tekst

Ako na vaลกem sajtu imate formulare, koje popunjavaju posetioci, a koji sadrลพe veliki broj CheckBox polja bilo bi dobro da im na neki naฤin olakลกate popunjavanje. Ovo je pogotovo bitno kada su CheckBox polja „naฤiฤkana“, jedno do drugog. U ovakvim sluฤajevima reลกenje bi moglo da bude u omoguฤ‡avanju potvrde polja jednostavnim klikom na tekst pored polja. Znaฤi, posetioci neฤ‡e morati da precizno kliknu na mali kvadratiฤ‡, veฤ‡ treba samo da „pogode“ tekstualni naslov.

Prvo ฤ‡emo kreirati funkciju koju ฤ‡emo ubaciti u HEAD tag stranice:


<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!–
function PromenaPolja(polje) {
box = eval(polje);
box.checked = !box.checked;
}
// End –>
</SCRIPT>
</HEAD>

Kao ลกto vidite, funkcijom „PromenaPolja()“ vrลกi se samo promena osobine „checked“. Ovu funkciju ฤ‡ete pozivati iz tela formulara, i to kod svakog CheckBox polja. Primer formulara sa samo jednim poljem se nalazi u sledeฤ‡im redovima. Ovaj kod iskopirajte unutar BODY taga stranice:


<FORM name=probnaforma>
<input type=checkbox name=ppolje>
<a href=""
onClick="PromenaPolja(‘document.probnaforma.ppolje’);return false">
Kliknite za izbor!</a>
</FORM>

Tekstu pored polja smo dodelili link, na ฤiji klik pozivamo funkciju za promenu statusa osobine „checked“ (pogledajte sliku).

Pratite Krstaricu na www.krstarica.com