JavaScript – CheckBox polja kao radio-dugmad

Krstarica 16. jun 2001. 00:00

U sledećim redovima ćemo videti kako možemo da izvedemo imitaciju radio-dugmadi (radio-buttons) uz pomoć više polja za potvrdu (check-box). Sledećim skriptom ćemo kreirati nekoliko check-box polja koja se međusobno isključuju. Ovo znači da korisnik-posetilac neće moći da potvrdi više od jednog polja, odjednom. Programski kod se sastoji iz dva dela, prvi deo predstavlja funkciju „ProveriCheckBox()“ koja „For“ petljom proverava da li je neko od polja potvrđeno, i ako jeste poništava potvrde svih ostalih polja. Ovaj deo koda ubacite unutar HEAD taga stranice:



<HEAD>

<SCRIPT LANGUAGE=“JavaScript“>

<!–

function ProveriCheckBox(cb) {

for (j = 0; j < 8; j++) {

if (eval("document.mojaforma.polje[" + j + "].checked") == true) {

document.mojaforma.polje[j].checked = false;

if (j == cb) {

document.mojaforma.polje[j].checked = true;

         }

      }

   }

}

//  End –>

</SCRIPT>

</HEAD>

Radi formiranja višestrukih polja za potvrdu, biće nam potreban formular sa nekoliko check-box polja, na čiji klik ćemo pozivati gornju funkciju „ProveriCheckBox()“. Kod iskopirajte unutar BODY taga (i dobićete stranicu kao na slici):



<BODY>

<FORM NAME=“mojaforma“>

Izbor 1<INPUT TYPE=“checkbox“ NAME=“polje“

ONCLICK=“javascript:ProveriCheckBox(0)“><BR>

Izbor 2<INPUT TYPE=“checkbox“ NAME=“polje“

ONCLICK=“javascript:ProveriCheckBox(1)“><BR>

Izbor 3<INPUT TYPE=“checkbox“ NAME=“polje“

ONCLICK=“javascript:ProveriCheckBox(2)“><BR>

Izbor 4<INPUT TYPE=“checkbox“ NAME=“polje“

ONCLICK=“javascript:ProveriCheckBox(3)“><BR>

Izbor 5<INPUT TYPE=“checkbox“ NAME=“polje“

ONCLICK=“javascript:ProveriCheckBox(4)“><BR>

Izbor 6<INPUT TYPE=“checkbox“ NAME=“polje“

ONCLICK=“javascript:ProveriCheckBox(5)“><BR>

Izbor 7<INPUT TYPE=“checkbox“ NAME=“polje“

ONCLICK=“javascript:ProveriCheckBox(6)“><BR>

Izbor 8<INPUT TYPE=“checkbox“ NAME=“polje“

ONCLICK=“javascript:ProveriCheckBox(7)“><BR>

</FORM>

</BODY>

Pratite Krstaricu i preko mobilne aplikacije za Android i iPhone.

programiranje