10a. Voorbeeld / Oefening met radio-buttons

Gevraagd: Schrijf nu een script dat twee of meer radio-buttons gebruikt. Er moet enige relevante output te zien zijn in bijvoorbeeld een alert-box of een extra window.

Een oplossing is:

<FORM NAME="form13">

<INPUT TYPE="radio" NAME="serie" VALUE="off"
onClick="alert('hallo een')">een

<INPUT TYPE="radio" NAME="serie" VALUE="off"
onClick="alert('hallo twee...')">twee

</FORM>

Er is in dit voorbeeld gekozen voor twee radio-buttons in een formulier met de naam 'form13'. Als je op een button klikt zie je welke waarde erin 'geprogrammeerd' is: 'hallo een' of 'hallo twee...'. De radio-button blijft in dit voorbeeld ingedrukt (dwz. zwart) tot er op de andere wordt geklikt. Want de namen van de twee buttons zijn gelijk; hier: 'serie'. Als je twee verschillende namen kiest zijn de buttons niet gekoppeld. De default-waarde van de radio-buttons is 'off'. Bij bijvoorbeeld één waarde van 'on' zou er een bij het inladen van de pagina al ingedrukt ('aan') staan.

Enschede, 5 nov. 1999