W3-SI.com     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Onemogočanje izbire

Koda:
<script type="text/javascript">
function akcija()
{
if (document.getElementById("vrednost1").checked)
{
//
}
else
{
document.getElementById("vrednost2").checked=false
}
}
</script><form action="izbira_ne2.html">
<p>Katero šolo si končal?</p>
<p><input type="checkbox" onclick="akcija()" id="vrednost1" />
osnovno</p>
<p><input type="checkbox" value="Preveri!" onclick="akcija()"
id="vrednost2" />srednjo</p>
</form>
Izgled v
brskalniku:

Katero šolo si končal?

osnovno

srednjo

Razlaga: V obrazcu sta dva kvadratka za potrditev vrednost1 in vrednost2. Ob potrditvi prvega se pokliče funkcija akcija(), katera preveri, če je prvi kvadratek za potrditev potrjen in če ni potrjen, potem drugi potrditveni kvadratek dobi vrednost false. Ko želimo potrditi drugi potrditveni kvadratek se tudi pokliče funkcija akcija(). Ta enako kot prej preveri če je potrjen prvi potrditveni kvadratek in če je, potem potrdi tudi drugi potrditveni kvadratek. V kolikor pa prvi ni potrjen tudi drugega ne potrdi oz. mu pripiše vrednost false, kar pomeni da potrditveni kvadratke ni potrjen.
Funkcija torej ne dovoljuje potrditve drugega potrditvenega kvadratka v kolikor ni potrjen prvi potrditveni kvadratek.

SERŠ Maribor : Strokovna gimnazija : 2006 : Matej Prepelič