U trendu

JavaScript – Potvrda CheckBox polja, klikom na tekst

Krstarica

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 i preko mobilne aplikacije za Android i iPhone.