Programmierung Javascript
Grafische Checkboxen

Javascript ___

Für jede Checkbox benötigen Sie jeweils ein Bild und ein verstecktes Input-Feld, damit der Wert der Checkbox auch abgeschickt wird, sofern es markiert wurde. Um das Bild kommt noch ein Link, damit Sie das Bild mit Javascript verknüpfen können:

Text für Checkbox 1

Beachten Sie, dass das Bild und das versteckte Input-Feld den gleichen Namen tragen ? Sie brauchen das, um leichter auf die Komponenten zugreifen zu können. Als Erstes ist die Checkbox noch nicht ausgewählt. Das Input-Feld erhält also den Wert false, und als Bild nehmen Sie das Bild, das die unmarkierte Checkbox darstellt. Der Link ist mit der Funktion CheckBox verknüpft, die in etwa so aussehen könnte:

function CheckBox(feld)
{
if(document.form1[feld].value == ‘true’)
{document.form1[feld].value = ‘false’;
document.images[feld].src = ‘checkbox1.jpg’;}
else {
document.form1[feld].value = ‘true’;
document.images[feld].src =’checkbox2.jpg’; }}