Radijski gumbi

Koda:

Koda:	<script type="text/javascript"> function check(browser) { document.getElementById("izpis").firstChild.nodeValue= "Moj najljub\u0161i brskalnik je " + browser + "." } </script> <form action="radio.html"> <p>Kateri brskalnik vam je ljubši:</p> <p> <input type="radio" name="browser" onclick="check(this.value)" value="Explorer" /> Microsoft Internet Explorer<br /> <input type="radio" name="browser" onclick="check(this.value)" value="Netscape" /> Netscape Navigator<br /> <input type="radio" name="browser" onclick="check(this.value)" value="Opera" /> Opera<br /> <input type="radio" name="browser" checked="checked" onclick="check(this.value)" value="Mozilla" /> Mozilla </p> </form>
Izgled v brskalniku:	Kateri brskalnik vam je ljubši: Microsoft Internet Explorer Netscape Navigator Opera Mozila
Razlaga:	Prikazan je primer uporabljanja radijskih gumbov, kot primer za izbirni meni. Funkcija `check` z parametrom browser v oklepaju, nam sproti preverja, kateri element smo preko radijskega gumba izbrali in nam to tudi izpiše. V obrazcu form je definirano ime našega HTML dokumenta. Nato pa je napisan celoten izbirni meni z radijskimi gumbi. Pod atributom input type je izbrana vrednost "radio", to pomeni, da so za vhodne podatke odgovorni radijski gumbi. Pri atributu name, pa je vpisana vrednost "browser", ki pa je enaka v vseh odstavkih menija in se izpiše preko zgoraj napisane funkcije `check`, ki ji je kot parameter. Atribut pri prvem elementu obrazca je tudi checked, ki ima vrednost checked. To pomeni, da je ta vrednost izbrana za alternativno. Atribut onclick pa funkciji `check` priredi vrednost oziroma value, odvisno kateri radijski gumb je bil izbran.

<script type="text/javascript">
function check(browser)
{
document.getElementById("izpis").firstChild.nodeValue= "Moj najljub\u0161i brskalnik je " + browser + "."
}
</script>

<form action="radio.html">
<p>Kateri brskalnik vam je ljubši:</p>
<p>
<input type="radio" name="browser" onclick="check(this.value)" value="Explorer" />
Microsoft Internet Explorer<br />
<input type="radio" name="browser" onclick="check(this.value)" value="Netscape" />
Netscape Navigator<br />
<input type="radio" name="browser" onclick="check(this.value)" value="Opera" /> 
Opera<br />
<input type="radio" name="browser" checked="checked" onclick="check(this.value)" value="Mozilla" />
Mozilla
</p>
</form>

Izgled v
brskalniku:

Razlaga:

Prikazan je primer uporabljanja radijskih gumbov, kot primer za izbirni meni.

Funkcija check z parametrom browser v oklepaju, nam sproti preverja, kateri element smo preko radijskega gumba izbrali in nam to tudi izpiše.

V obrazcu form je definirano ime našega HTML dokumenta. Nato pa je napisan celoten izbirni meni z radijskimi gumbi.

Pod atributom input type je izbrana vrednost "radio", to pomeni, da so za vhodne podatke odgovorni radijski gumbi. Pri atributu name, pa je vpisana vrednost "browser", ki pa je enaka v vseh odstavkih menija in se izpiše preko zgoraj napisane funkcije check, ki ji je kot parameter. Atribut pri prvem elementu obrazca je tudi checked, ki ima vrednost checked. To pomeni, da je ta vrednost izbrana za alternativno. Atribut onclick pa funkciji check priredi vrednost oziroma value, odvisno kateri radijski gumb je bil izbran.

Gor e-gradiva JavaScript Primeri Obrazci

SERŠ Maribor : Strokovna gimnazija : 2006 : Peter Mertelj

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri