Input Ja / Nein

  • Hallo Leute,
    ich habe ein kleines Problem mit Formularen in HTML.
    Und zwar möchte ich folgendes gestalten:


    [attachment=0]<!-- ia0 -->Unbenannt.PNG<!-- ia0 -->[/attachment]


    Das ist auch alles kein Problem, nur möchte ich folgendes einbauen.
    Wenn zum Beispiel das linke angekreuzt ist und der Besucher auf das rechte klickt, dann soll das linke "abgekreuzt" werden (also kein Haken mehr).


    Wie kann ich das realisieren?


    Mit freundlichen Grüßen,
    Philipp Escher


    PS: Wie kann ich die Kästen auf die Mitte der Bilder bringen? (Das ist eigentlich das falsche Forum, das ist nur so nebenbei)

  • Benutze einfach type="radio" statt type="checkbox", das sind dann die runden Kästchen die sich wenn sie den selben Namen haben gegenseitig aufheben:


    Code
    <input type="radio" class="radio" name="nameDerInBeidenInputsVorkommenMuss" /><img />
    <input type="radio" class="radio" name="nameDerInBeidenInputsVorkommenMuss" /><img />


    Dann den Inputs margin-top:; mitgeben oder absolut positionieren und mit top:; / bottom:; arbeiten. :D

  • Checkboxen / Radio-Buttons mit CSS zu stylen geht so gut wie gar nicht.


    Wenn du unbedingt eckige Kästchen haben willst musst du die Auswal-Aufheb-Funktion mit JavaScript nachrüsten.

  • Das ist aber keine gute Einstellung, wenn du unbedingt eckige Kästchen haben willst dann benutze sie doch:


    Code
    <input type="checkbox" class="checkbox" name="checkboxXYZ" id="cb1" onclick="document.getElementById('cb2').checked=false; this.checke=true;" />
    <input type="checkbox" class="checkbox" name="checkboxXYZ" id="cb2" onclick="document.getElementById('cb1').checked=false; this.checke=true;" />
  • Nanana, die Einstellung ist aber auch nicht so fein ;)
    Ich bin ja immer der Meinung, man sollte die benutzen, die da hingehören.
    Der Nutzer ist daran gewöhnt, dass man bei runden nur eins auswählen kann, bei eckigen aber mehrere.
    Wenn jetzt bei den eckigen auf einmal der Haken verschwindet, ist der User doch erstmal völlig verwirrt.
    Es hat schon Sinn, dass es zwei verschiedene gibt, ich denke da sollte man das auch nutzen, oder?


    LG

  • Wozu dienen die Boxen denn?


    Wenn sie zum Abbrechen/Bestätigen sind, kannst du die Bilder auch zu submit-Buttons machen und dir die Boxen sparen.

  • Zitat von &quot;lauras&quot;

    [...] Es hat schon Sinn, dass es zwei verschiedene gibt, ich denke da sollte man das auch nutzen, oder?


    Das steht ja auf einem anderen Blatt, wenn gefragt wird ob und wie das geht versuche ich Lösungsvorschläge zu vermitteln, wie man was und warum anwendet muss man dann letztendlich selbst wissen ;)

  • OK, da ist ein submit-Button natürlich nicht geeignet.


    Wie Lauras schon sagte, solltest du radio-Buttons benutzen, da du den Benutzer sonst ziemlich verwirrst.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!