JavaScript – CheckBox polja kao radio-dugmad

 –  aลพurirano:  –  

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 na www.krstarica.com