• / ►
  • informatica (home)
  • / ► Formulieren en de checkbox


In tegenstelling tot de radiobuttons, kun je bij een checkbox wel meerdere keuzes aanvinken. (het 'niet exclusieve OF' = 'OR')
Check boxen zijn een groep buttons waaruit de bezoeker er een, geen of meer kan kiezen. De waarden van ale gekozen button(s) worden verstuurd samen met het formulier.
(zie ook radiobutton.)

Bijvoorbeeld: 
Geef bij de bestelling de gewenste extra's aan
<input type=checkbox name="extra" value="salami"> salami
<input type=checkbox name="extra" value="champignons"> champignons
<input type=checkbox name="extra" value="ham ">ham
Levert de volgende tekst op het scherm: (Merk op dat je nu meerdere hokjes kunt aanvinken)
Geef bij de bestelling de gewenste extra's aan:   salami  champignons   ham

Check boxen worden d.m.v   <input ...>   gedefinieerd.
Daarachter volgt de verwijzing   type="checkbox"  .
Iedere groep checkboxen moet met name= zijn eigen naam krijgen.
Alle check boxen, die dezelfde naam hebben, horen tot dezelfde groep, d.w.z daarvan kan de bezoeker er een, geen of meer kiezen.
De naam mag niet te lang zijn, er mogen geen spaties in voorkomen en geen speciale tekens. Zet de naam tussen aanhalingstekens.

Met het attribuut   value=   bepaal je de interne waarde voor elke box. Indien de bezoeker het formulier verstuurt word(t)(en) de waarde(n) van die box(-en) verzonden. Zet de waarde tussen aanhalingstekens.

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


  • / ►
  • informatica (home)
  • / ► Formulieren en checkbox / voorselectie


Indien je niets aangeeft, is bij een checkbox niets voorgeselekteerd. Je kunt wel zelf een voorselectie maken.

Bijvoorbeeld: 
Ik kies voor:
<input type=checkbox name="voorkeur" value="pizza Marguerita"> pizza Marguerita
<input type=checkbox name="voorkeur" checked value="Calzone"> Calzone
<input type=checkbox name="voorkeur" value="Lasagna"> Lasagna
Levert de volgende tekst op het scherm: (Merk op dat je meerdere checkboxes kunt aanvinken)
Ik kies voor: pizza Marguerita Calzone Lasagna

Om een checbox voor te selekteren zet je er dushet attribuut   checked   bij.