JavaScript - Višestruko potvrđivanje check polja

Ukoliko imate „žive“ web stranice, sa mnogo komunikacije sa posetiocima, možda će vam sledeći skript biti od koristi. Radi se postavljanju dugmića koji će da odjednom check-ira (potvrdi) više check-box polja (i, naravno da poništi potvrdu, ako je potrebno). Na ovaj način posetioce oslobađate „muke“ višestrukog kliktanja mišem, a vi treba da dodate samo jedno dugme u postojeći formular.

Unutar <HEAD> taga, ugnjezdite sledeću funkciju:



<SCRIPT LANGUAGE="JavaScript">

<!–

var stanje = "false";
function potvrdi(field) {

if (stanje == "true") {

   for (i = 0; i < field.length; i++) {

       field[i].checked = false;}

       stanje  = "false";

       return "Potvrdi sve"; }

else {

    for (i = 0; i < field.length; i++) {

       field[i].checked = true; }

       stanje  = "true";

       return "Ponisti sve"; }

}

//–>

</SCRIPT>

Funkcija „potvrdi“ ima tri uloge: da pomoću „for“ petlje izmeni stanja svih check polja, druga, da promeni stanje varijable „stanje“ koja čuva podataka o stanju polja za potvrdu, i treća, da promeni natpis na dugmiću u zavisnosti od stanja (Potvrdi sve – Ponisti sve). Varijabla „stanje“ se inače na početku koristi za proveru trenutnog stanja polja za potvrdu.

Ostalo je još samo da dodamo kod formulara u telo „.htm“ stranice. Iskopirajte sledeći kod unutar <BODY> taga:



<center>

<form name=forma action="" method=post>

<table>

<tr><td>

<b>Lista opcija:</b><br>

<input type=checkbox name=list value="1">1.opcija<br>

<input type=checkbox name=list value="2">2.opcija<br>

<input type=checkbox name=list value="3">3.opcija<br>

<input type=checkbox name=list value="4">4.opcija<br>

<br>

<input type=button value="Potvrdi sve"

onClick="this.value=potvrdi(this.form.list)">

</td></tr>

</table>

</form>

</center>

Pratite Krstaricu i preko mobilne aplikacije za Android i iPhone.

JavaScript – Višestruko potvrđivanje check polja