musti2008: checkbox - nur eine auswählbar..

Hallo...

folgendes Problem, ich habe ein Formular mit 3 Check boxen....

<td width=30%><input type=checkbox name=abschliessen value=1> <img src=media/man2.jpg> Dienstleistung</td>
        <td width=30%><input type=checkbox name=abschliessen value=1> <img src=media/car2.jpg> Fahrzeit</td>
        <td width=30%><input type=checkbox name=abschliessen value=1> <img src=media/telefon.jpg> Telefon Support</td>

will aber das nur eine von den Checkboxen auswählbar ist...

Wie kann ich das realisieren ...!?

mit onChange jedesmal abfragen wiewieviele aktiviert sind? oder so...?

  1. Am einfachsten type="radio"
    Da lässt sich grundsätzlich nur eins auswählen.

    Samoht

  2. folgendes Problem, ich habe ein Formular mit 3 Check boxen....
    will aber das nur eine von den Checkboxen auswählbar ist...
    Wie kann ich das realisieren ...!?

    warum nimmst du keine Radio-Buttons? Die sind dafür vorgesehen, dass nur einer auswählbar ist ;)

    mit onChange jedesmal abfragen wiewieviele aktiviert sind? oder so...?

    mit onchange/onclick - aber das ist dämlich, warum das Rad neu erfinden?

  3. Hallo musti2008!

    will aber das nur eine von den Checkboxen auswählbar ist...
    Wie kann ich das realisieren ...!?

    Nimm Radio-Buttons. Die Benutzer sind bei Checkboxen gewöhnt, dass mehrere auswählbar sind. Bei Radio-Buttons ist (und es soll auch nicht geändert werden) nur eins in der jeweiligen Gruppe auswählbar.

    Viele Grüße aus Frankfurt/Main,
    Patrick

    --

    _ - jenseits vom delirium - _
    [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
    Nichts ist unmöglich? Doch!
    Heute schon gegökt?
  4. Hallo...

    folgendes Problem, ich habe ein Formular mit 3 Check boxen....

    <td width=30%><input type=checkbox name=abschliessen value=1> <img src=media/man2.jpg> Dienstleistung</td>
            <td width=30%><input type=checkbox name=abschliessen value=1> <img src=media/car2.jpg> Fahrzeit</td>
            <td width=30%><input type=checkbox name=abschliessen value=1> <img src=media/telefon.jpg> Telefon Support</td>

    will aber das nur eine von den Checkboxen auswählbar ist...

    Wie kann ich das realisieren ...!?

    mit onChange jedesmal abfragen wiewieviele aktiviert sind? oder so...?

    Ich nehme keine radio buttons aus optischen gründen...

    Habe ich den ne einfach Lösung oder muss man das über onchange machen und die anzahl der gecheckt button prüfen usw...!?

    1. Hallo musti2008!

      Ich nehme keine radio buttons aus optischen gründen...

      Na toll... und die Gewohnheiten Deiner Besucher sind Dir egal? Für wen machst Du die Webseiten?

      Viele Grüße aus Frankfurt/Main,
      Patrick

      --

      _ - jenseits vom delirium - _
      [link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
      Nichts ist unmöglich? Doch!
      Heute schon gegökt?
    2. Ich nehme keine radio buttons aus optischen gründen...

      "visuelle Gründe" - Optik ist ein Bereich der Physik,

      auch das aussehen von Radio-Buttons lässt sich ändern
      http://www.flog.co.nz/lab/ARC/ARC.htm

      Habe ich den ne einfach Lösung oder muss man das über onchange machen und die anzahl der gecheckt button prüfen usw...!?

      Die einfach Lösung ist "Nimm Radio Buttons - die andere ist wie bereits erwähnt äußerst dämlich (mit JavaScript und erfinde das Rad neu - zudem musst du nach dem Abschicken noch Serverseitig prüfen, ob 2 Checkboxen ausgefüllt wurden oder nicht und ggf zurückschicken)

    3. Ich nehme keine radio buttons aus optischen gründen...

      Habe ich den ne einfach Lösung oder muss man das über onchange machen und die anzahl der gecheckt button prüfen usw...!?

      Nein. Eine "einfache" Lösung ist nicht vorgesehen, da wie aus den vorigen Postings zu entnehmen ist, für Dein Vorhaben Radio-Buttons gedacht sind.

      Entweder Du prüfst tatsächlich per Javascript alles nach (onchange) und nimmst Checkboxen (die optisch auch nicht viel ansprechender sind)...

      ... oder Du suchst im Netz nach optischen Anpassungen für Formulare. Da kannst Du dann die Radio-Buttons (und auch die Checkboxen) nach Belieben mit Bildern ändern. Das läuft auch auf Basis von Javascript.

      Bedenke bitte:
      Wenn ein User JS abgeschaltet hat, funktioniert Dein Vorhaben nicht mit onchange. Die optische Anpassung allerdings (rein technisch) schon!

      Samoht

      1. optische

        visuell ;)

        1. optische

          visuell ;)

          grrrrr.....

          :)

          Samoht

    4. Ich nehme keine radio buttons aus optischen gründen...

      Das ist doch absurd, du willst aus visuellen Gründen Checkboxen die sich wie Radiobuttons Verhalten. Hast du schon mal etwas von Benutzerfreundlichkeit gehört?

      Struppi.

    5. @@musti2008:

      Ich nehme keine radio buttons aus optischen gründen...

      Das ist Unsinn, verstößt es doch gegen das Prinzip der Erwartungskonformität der Grundsätze der Dialoggestaltung [ISO 9241-110].

      Nutzer sind an die unteschiedliche Funktionsweise von Checkboxen und Radiobuttons gewöhnt – und zwar seit Urzeiten. [</archiv/2007/7/t157255/#m1023167>] Es wäre töricht, die Funktionsweisen zu vertauschen.

      Du solltest die Usability deiner Seite nicht herabsetzen, sondern verbessern:

      Da die Radiobuttons recht klein, also schwer zu treffen sind (Fitts’ Law), sollte ein Nutzer ihn auch durch Click auf dessen Beschriftung auswählen können. Also das http://de.selfhtml.org/html/formulare/strukturieren.htm#label@title='label'-Element einsetzen. [</archiv/2008/2/t167548/#m1092876>]

      Live long and prosper,
      Gunnar

      --
      „Das Internet ist ein großer Misthaufen, in dem man allerdings auch kleine Schätze und Perlen finden kann.“ (Joseph Weizenbaum)
    6. Liebe(r) musti2008,

      Ich nehme keine radio buttons aus optischen gründen...

      Habe ich den ne einfach Lösung oder muss man das über onchange machen und die anzahl der gecheckt button prüfen usw...!?

      Du kannst das Aussehen der Formularelemente mittels JavaScript komplett verändern. Da Du aber immer nur eine Auswahl gelten lassen möchtest, solltest Du "unter der Haube" aber tatsächlich Radiobuttons verwenden, die Du mit folgender Technik optisch umgestaltest: Adam's radiocheckbox customisation (Demo)

      Liebe Grüße aus Ellwangen,

      Felix Riesterer.

      --
      ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)