Checkbox mit Image aktivieren

[Kirsten Eichler]

Ich habe ein Formular mit 25 Checkboxen, die alle den gleichen Namen haben. Neben jeder Checkbox ist ein Image. Der User soll nun mit Klick auf das Image oder direkt in der Checkbox diese aktivieren können. Beides sollte also möglich sein. Bis jetzt ist leider nur der direkte klick in die Checkbox möglich. Brauch dringend Hilfe! Vorab herzlichen Dank

Kicky

[Struppi]

Ich habe ein Formular mit 25 Checkboxen, die alle den gleichen Namen haben. Neben jeder Checkbox ist ein Image. Der User soll nun mit Klick auf das Image oder direkt in der Checkbox diese aktivieren können. Beides sollte also möglich sein. Bis jetzt ist leider nur der direkte klick in die Checkbox möglich. Brauch dringend Hilfe! Vorab herzlichen Dank

Wo hapert's, was haste probiert?

Struppi.

[Kicky]

Ich weiss nicht wie ich es schreiben soll, das die Aktivierung durch ein Image funktioniert. (Mit input type Button?) und dann soll ja auch noch beides funktionieren. Wenn ich ehrlich bin, weis ich nicht so recht wo ich ansetzen soll.

Kicky

[Struppi]

Ich weiss nicht wie ich es schreiben soll, das die Aktivierung durch ein Image funktioniert. (Mit input type Button?) und dann soll ja auch noch beides funktionieren. Wenn ich ehrlich bin, weis ich nicht so recht wo ich ansetzen soll.

Du kennst den onclick Handler?
Du weisst wie man checkboxen anspricht?
Du weiss wie man Formularelemente referenziert?
Was hast du bereits versucht?
Was hat nicht geklappt?

Wo kann man dir helfen?

Im zweifelsfall empfehle ich dir die Lektüre von selfHTML.

Struppi.

[Alexander Foken]

Moin Moin !

Teil 1:

<a href="/sorry-no-javascript.html" onclick="togglecb(document.forms['Hier_der_FORM-Name'].elements['Hier_der_Checkbox-Name'][0]);return false;"><img src="/path/to/image.png" alt="You should see an image here" border=0 title="click to toggle checkbox"></a>

Teil 2:

function togglecb(cb)
{
  cb.checked=!cb.checked();
}

Den Rest mußt Du selbst basteln. Wenn's Probleme gibt, poste den entscheidenden Teil des Quelltextes und die Fehlermeldung.

Alexander

[Kicky]

Danke für den Rat, nur der Name meiner Checkboxen ist 'empfaenger[]' und ich weiss nicht wie ich das schreiben soll im

a href="/sorry-no-javascript.html" onclick="togglecb(document.forms['Hier_der_FORM-Name'].elements['Hier_der_Checkbox-Name'][0]);return false;">

Ich brauchte das aber für php, daher ist die []notwendig. Hat jemand dafür noch eine Idee?

[Alexander Foken]

Moin Moin !

Du siehst den Wald vor lauter Bäumen nicht!

document.forms['Hier_der_FORM-Name'].elements['empfaenger[]']

Mal davon abgesehen ist der []-Suffix von PHP echter Pfusch, finde ich. Aber das hat nichts mit Deinem Problem zu tun.

Alexander