e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Potrdi vsa polja

Koda: 
<script type="text/javascript">
function izberi(moznost)
{
dolzina=document.forms.obrazec.option.length
for (i = 0; i < dolzina; i++)
	{
	document.forms.obrazec.option[i].checked=moznost
	}
}
</script>

<p>Moje priljubljeni predmeti so:</p>
<form id="obrazec">
<input type="checkbox" name="option" />Slovenščina<br />
<input type="checkbox" name="option" />Matematika<br />
<input type="checkbox" name="option" />Geografija<br />
<input type="checkbox" name="option" />Zgodovina<br />
<input type="checkbox" name="option" />Sociologija<br />
<input type="checkbox" name="option" />Fizika<br />
<input type="button" value="Vse" onclick="izberi(true)" />
<input type="button" value="Nič" onclick="izberi(false)" />
</form>
Izgled v
brskalniku:

Moji priljubljeni predmeti so:

Slovenščina
Matematika
Geografija
Zgodovina
Sociologija
Fizika
Razlaga: Funkcija izberi() nam s pomočjo zanke for omogoča, da lahko odkljukamo vse kvadratke, ali pa izbrišemo vse odkljukane kvadratke. Z lastnostjo document.forms.obrazec.option.length dobimo število kvadratkov, z zanko for pa potem z lastnostjo checked določimo ali se naj izberejo vsi kvadratki ("true") ali pa se izbrane kvadratke počisti ("false"). Po kliku na gumb Izberi vse se funkciji pošlje logično vrednost true, po kliku na gumb Nobenega ne izberi se funkciji pošlje logično vrednost false. Vsekakor pa lahko opcije (kvadratke) še vedno izberemo posamezno.

gor Gor     e-gradiva     JavaScript     Primeri     Obrazci

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart