Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

HTML - Auswahllisten mit Mehrfachauswahl ähnlich Checkbox?

Frage Entwicklung Webentwicklung

Mitglied: mabue88

mabue88 (Level 2) - Jetzt verbinden

15.08.2014, aktualisiert 28.08.2014, 2369 Aufrufe, 4 Kommentare, 2 Danke

Hallo,

gibt es eine HTML-Auswahlliste, deren Einträge wie eine Art Checkbox ausgewählt und wieder abgewählt werden können?

Aktuell verwende ich eine "select"-Auswahlliste mit dem Attribut "multiple". Um mehrere Einträge zu markieren muss ich damit aber die "Umschalt"- oder "Shift"-Taste drücken.

Perfekt wäre es, wenn die Auswahl eines Eintrags mit jedem Klick toggelt.

Danke
mabue
Mitglied: certifiedit.net
15.08.2014 um 11:51 Uhr
Ja, vermutlich mit Javascript. Ansonsten, nein.
Bitte warten ..
Mitglied: Arano
LÖSUNG 15.08.2014, aktualisiert 28.08.2014
Hi,

was spricht denn gegen Checkboxen !?
01.
  <input type="checkbox name="lieblingsfarben[]" id="aw1" value="r"><label for=aw1">Rot</label> 
02.
  <input type="checkbox name="lieblingsfarben[]" id="aw2" value="g"><label for=aw2">Gr&uuml;n</label> 
03.
  <input type="checkbox name="lieblingsfarben[]" id="aw3" value="b"><label for=aw3">Blau</label>
Mit CSS lässt du die Input-Felder ausblenden und gibst den Labels gewünschte Hintergrundfarben,bilder, schriftgröße,arten,farben,ect.
unter anderem
01.
  /* mit einer CSS-Class wäre es besser / übersichtlicher */ 
02.
  input[type="checkbox"] { display:none; } 
03.
  input[type="checkbox"] label { /* normal */ } 
04.
  input[type="checkbox"]:hover label { /* normal mouseover */ } 
05.
  input[type="checkbox"]:checked + label { /* ausgewählt */ } 
06.
  input[type="checkbox"]:cheched:hover + label { /* ausgewählt mouseover */ }
Die Labels dann noch eckig machen, rahmenfarbe und schon siehts wie ein Select aus bloß ohne Scrollbalken...
...wenn man das noch in ein DIV steckt und diesen aus "overflow:scoll" setzt... dan... könnte man mal probieren

Kontra JS
PRO CSS


~Arano
Bitte warten ..
Mitglied: colinardo
LÖSUNG 15.08.2014, aktualisiert 28.08.2014
Moin,
Zitat von Arano:
was spricht denn gegen Checkboxen !?
schließe mich @Arano an. Hier ein Beispiel wie es nach seinem Vorschlag aussehen könnte: http://jsfiddle.net/7bfnqj65/1/
(nur die Pseudoklassen muss man auf den Label setzen)

Grüße Uwe
Bitte warten ..
Mitglied: mabue88
28.08.2014 um 10:36 Uhr
Hallo,

das mit den Checkboxen sieht wirklich gut aus. So werde ich das wohl machen!

Danke!


PS: Mit JavaScript habe ich eine Auswahlliste so automatisiert, dass die gewünschte Funktion aus gegeben wäre. Der Aufwand war aber recht hoch...
Bitte warten ..
Ähnliche Inhalte
VB for Applications
Auswahlliste mit variablen
Frage von 94451VB for Applications3 Kommentare

Hallo, ich möchte in VBA eine Liste generieren möchte hier aber nicht den Umweg über die Tabelle nehmen das ...

Visual Studio
Checkbox an Bindingsource
gelöst Frage von ForgottenRealmVisual Studio2 Kommentare

Moinmoin Ich verzweifle gerade an einem Formular, auf dem ich verschiedene Textfelder und Checkboxen über eine Bindingsource an eine ...

Batch & Shell
Checkbox Event
gelöst Frage von Markus2016Batch & Shell11 Kommentare

Hallo zusammen, benötige mal wieder Eure Unterstützung. Über "value.Add_CheckStateChanged" bekomme ich beim Auswählen einer beliebigen Checkbox immer nur den ...

VB for Applications
Auslesen von Checkboxen und Wiedergabe in Textdatei
Frage von CoffeeJunkeeVB for Applications

Habe da ein großes Problem. Ich möchte verschiedene Checkboxen prüfen und wenn welche angehakt sind, soll aus mehreren Tabellenblättern ...

Neue Wissensbeiträge
Perl

Perl hat heute Geburtstag: 30 Jahre Perl: Lange Gesichter zum Geburtstag

Information von Penny.Cilin vor 5 StundenPerl2 Kommentare

Hallo, auch wenn es wenige wissen und noch weniger Leute es nutzen. Perl hat heute Geburtstag. 30 Jahre Perl ...

Sicherheit

Blackberry stirbt - Keine Updates für Priv mehr

Tipp von certifiedit.net vor 5 StundenSicherheit

Blackberry wird zu einer 08/15 Firma und geht wohl mehr und mehr den Weg, den HTC schon ging. Von ...

Windows 10

Autsch: Microsoft bündelt Windows 10 mit unsicherer Passwort-Manager-App

Tipp von kgborn vor 2 TagenWindows 1010 Kommentare

Unter Microsofts Windows 10 haben Endbenutzer keine Kontrolle mehr, was Microsoft an Apps auf dem Betriebssystem installiert (die Windows ...

Sicherheits-Tools

Achtung: Sicherheitslücke im FortiClient VPN-Client

Tipp von kgborn vor 2 TagenSicherheits-Tools

Ich weiß nicht, wie häufig die NextGeneration Endpoint Protection-Lösung von Fortinet in deutschen Unternehmen eingesetzt wird. An dieser Stelle ...

Heiß diskutierte Inhalte
Batch & Shell
Kann man mit einer .txt Datei eine .bat Datei öffnen?
gelöst Frage von HelloWorldBatch & Shell22 Kommentare

Wie schon im Titel beschrieben würde ich gerne durch einfaches klicken auf eine Text oder Word Datei eine Batch ...

Netzwerkgrundlagen
Belibiges Teilnetz einer Subnetzmaske rausfinden?
gelöst Frage von CenuzeNetzwerkgrundlagen17 Kommentare

Wundervollen Gutentag, mittlerweile kann ich Subnetting so einigermaßen, aber ein Problem habe ich noch. Netzwerkadresse und Boradcast errechnen ist ...

LAN, WAN, Wireless
WLAN Reichweite erhöhen mit neuer Antenne
gelöst Frage von gdconsultLAN, WAN, Wireless12 Kommentare

Hallo, ich besitze einen TL-WN722N USB-WLAN Dongle mit einer richtigen Antenne. Ich frage mich jetzt ob man die Reichweite ...

Windows Server
Logging von "gesendeten Nachrichten" auf Terminalservern
gelöst Frage von Z3R0C0MM4N0THiN6Windows Server10 Kommentare

Hallo zusammen, kann mir jemand auf kurzem Wege sagen ob 1) die per Task-Manager (oder damals tsadmin) an Benutzer ...