Radio-Buttons und Checkboxen

Radio-Buttons und Checkboxen werden jeweils durch angabe des Type-Attributes beim Input-Tag unterschieden.

Ein Radio-Button

Radio-Buttons werden mit dem type="radio" definiert
Bei einer Gruppe von Radio-Buttons kann immer nur ein Wert selektiert werden!

<input type="radio" /> Radio-Button

Eine Checkbox

Checkboxen werden mit dem type="checkbox" definiert
Bei einer Checkbox können immer mehrere Werte selektiert werden.

<input type="checkbox" /> Checkbox

Um für ein Feld in PHP mehrere Werte empfangen zu können muss beim Feldname eine leere eckige Klammung erweitert werden, also name="feld[]". Wird das nicht gemacht, verarbeitet PHP immer den letzten Wert.

Radio/Checkbox-Attribut: NAME - Eingabefeld-Name

Alle Felder werden durch ihren Namen unterschieden, beachten Sie daher unbedingt jedem Feld einen individuellen Namen innerhalb eines Formulares zu geben.

Ein Name enthält einfache Buchstaben und Zahlen, er beginnt immer mit einem Buchstaben.
Wird das Name-Attribut nicht angegeben, wird das Eingabefeld es nicht an dem Webserver übermittelt!

<input type="radio" name="feld1" /> .. für Radio-Button
<input type="checkbox" name="feld2" /> .. für Checkbox

Im PHP Umfeld werden Eingabefelder häufig in der Form name="feld[123]" benannt. Dabei ist wichtig, dass eckige Klammern immer an das Ende geschrieben werden. Natürlich können hier auch mehrere eckige Klammern hintereinander definiert werden, zum Beispiel name="feld[1][2][3]". Zwischen und nach diesen Klammern dürfen keine weitere Zeichen folgen.
Je nach verwendeter Programmiersprache kann diese Regel abweichen.

Radio/Checkbox: Gruppen bilden

Eine Gruppe befindet sich innerhalb eines FORM-Tags und enthält den gleichen Feld-Namen.

<form>
Radio-Buttons
<input type="radio" name="radiofeld" /> Radio: Element 1
<input type="radio" name="radiofeld" /> Radio: Element 2
<input type="radio" name="radiofeld" /> Radio: Element 3
Checkbox:
<input type="checkbox" name="checkboxfeld[]" /> Checkbox: Element 1
<input type="checkbox" name="checkboxfeld[]" /> Checkbox: Element 2
<input type="checkbox" name="checkboxfeld[]" /> Checkbox: Element 3
</form>

Radio/Checkbox-Attribut: CHECKED - Vorbelegung der Auswahl

Sowohl bei Radio-Buttons, als auch bei Checkboxen wird durch das Attribute Checked eine Vorbelegung festgelegt, die im Anschluss vom Benutzer geändert werden kann.

Beachten Sie, bei einem Radio-Button kann nur ein Wert selektiert werden, also auch dieses Attribut nur einmal gesetzt werden. Bei einer Checkbox sind mehrere Werte selektierbar und damit kann auch dieses Attribut mehrfach in der selben Gruppe angegeben werden.

Beachten Sie, einige Browser selektieren automatisch den ersten Wert, wenn der Benutzer keine eigene Auswahl getroffen hat.

Das Attribute selected wird bei einfachen HTML durch hinzufügen von checked und bei XHTML durch checked="checked" angegeben

<form>
Radio-Buttons
<input type="radio" name="radiofeld" /> Radio: Element 1
<input type="radio" name="radiofeld" checked="checked" /> Radio: Element 2
<input type="radio" name="radiofeld" /> Radio: Element 3
Checkbox:
<input type="checkbox" name="checkboxfeld[]" checked="checked" /> Checkbox: Element 1
<input type="checkbox" name="checkboxfeld[]" /> Checkbox: Element 2
<input type="checkbox" name="checkboxfeld[]" checked="checked" /> Checkbox: Element 3
</form>