/ © Nehalennia 2008 /   

► NZ Informatica ► Radiobuttons


Radio buttons zijn een groep buttons waaruit de bezoeker er precies ééntje kan kiezen. (Dit komt overeen met een 'exclusieve OF' = XOR)
De "waarde" van de gekozen button wordt samen met het formulier verstuurd.
( zie ook checkbox.)

Bijvoorbeeld:

Geef aan hoe je wil betalen:
<input type=radio name="BetaalMethode" value="Mastercard"> Mastercard 
<input type=radio name="BetaalMethode" value="Visa"> Visa
<input type=radio name="BetaalMethode" value="AmericanExpress"> American Express
Levert de volgende tekst op het scherm: (Merk op dat je maar hoogstens één bolletje kunt aanvinken)
Geef aan hoe je wil betalen:   Mastercard   Visa   American Express


Radio buttons worden door   <input ...>   gedefinieerd.
Daarna volgt de verwijzing   type=radio  .
Iedere radio button moet zijn eigen interne naam krijgen met het attribuut   name=  .
Alle radio buttons, die dezelfde naam hebben, behoren tot dezelfde groep, met als gevolg dat de bezoekers er slechts één van kunnen kiezen. De naam mag niet te lang zijn, er mogen geen spaties en speciale tekens in voorkomen. Je kunt hoogstens een "_" gebruiken. Zet de naam tussen aanhalingstekens.

Met het attribuut   value=   bepaal je de interne waarde voor elke button. Die hoeft niet per sé hetzelfde te zijn als de tekst op het scherm.
Indien je bezoeker het formulier verstuurt wordt de interne waarde van die button verzonden.
Zet de waarde tussen aanhalingstekens.

Achter de   <input>   tag zet je de tekst die bij de button komt te staan.

► NZ Informatica ► Radiobuttons / voorselectie


Indien je niets aangeeft, is bij radio buttons niets voorgeselekteerd. Je kunt wel zelf een voorselectie maken, wanneer je wilt dwingen dat er in ieder geval een keuze wordt gemaakt.

Bijvoorbeeld:
Bent U:
<input type=radio name="geslacht" value="man"> een man ?  
<input type=radio name="geslacht" checked value="vrouw"> een vrouw ?
Levert de volgende tekst op het scherm: (Merk op dat je maar hoogstens één bolletje kunt aanvinken)
Bent u : een man ? een vrouw ?

Om een radio button voor te selekteren zet je er dus het attribuut   checked   bij.