Beiträge von Azzael
-
-
ok super es funktioniert. vielen lieben dank. Mal schauen ob ich jetzt mein problem gelöst bekomme.
-
Dann müßte es doch eigentlich so funktionieren:
Code
Alles anzeigen<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"> $("input.dblclick + label").on("dblclick", function () { $("input.dblclick").prop("checked", true); }) </script> <style type="text/css"> /*entfernen des Standart-Styles */ input[type='checkbox']:checked, input[type='checkbox']:not(:checked) { background: transparent; position: relative; opacity:0; margin:0; padding:0; } /* einfügen des neuen Styles */ input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before { content:' '; display:inline-block; width: 15px; height:15px; position: relative; top:4px; border: 1px solid #bbb; background: white; margin-right: .15em; box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1); } input[type='checkbox']:checked + label::before { background:blue; box-shadow: inset 0 0 0 1px white; } </style> <input class="dblclick" id="cb1" type="checkbox" value="Opt1"><label for="cb1">Option 1</label><br> <input class="dblclick" id="cb2" type="checkbox" value="Opt2"><label for="cb2">Option 2</label><br> <input class="dblclick" id="cb3" type="checkbox" value="Opt3"><label for="cb3">Option 3</label><br> <input id="cb4" type="checkbox" value="Opt4"><label for="cb4">Option 4</label><br>
Habe es auf Js.do getestet und JQuery 3.1 ist ja eingebunden. Aber keine Funktion ausser die normale checkbox Funktion.
-
ah natürlich nicht. Habe ich bisher auch noch nicht mit gearbeitet. In welchem Part muß ich das einbinden?
-
Zusammen mit meinen oben geschriebenen CSS Einstellungen funktioniert es nicht (zumindest in Fiddle).
Achso ich habe noch vergessen. Zuvor eine weitere Checkbox auch mit dem neuen Design wo die Doppelklick funktion aber nicht gehen darf.
Das wäre dann grob umschrieben mein komplettes Problem.
-
Das einfachste Beispiel wäre:
Drei Checkboxen untereinander. Wenn ich einen Doppelklick auf eine davon mache werden alle angewählt.
-
Oh ok, danke. Kannst du mir da eventuell ein Beispiel geben wie sowas aussehen würde?
-
Rahmenbedingungen
zusätzliche Techniken:Javascript, PHP, CSS
Browser & Betriebssystem:Firefox, Windows 7Editor: Eclipse
Problembeschreibung
Ich habe auf einem Formular einige Checkboxen mit normaler Funktion. Desweiteren eine variable Anzahl Checkboxen welche neben der normalen Funktion auch eine Doppelklick Funktion haben (Doppelklick wählt alle Checkboxen mit gleichem Ziel aus). Nun möche ich den Style aller Checkboxen dahingehend ändern das kein Haken gesetzt wird sondern die Checkbox blau gefüllt wird mit weißem Rand. Dies habe ich bereits auf verschiedene Arten geschafft, aber dann funktioniert die Doppelklick Funktion nicht mehr.Code:
Beispiel meiner Lösung zur Style Veränderung
CSS/*entfernen des Standart-Styles */ input[type='checkbox']:checked, input[type='checkbox']:not(:checked) { background: transparent; position: relative; opacity:0; margin:0; padding:0; }/* einfügen des neuen Styles */ input[type='checkbox']:checked + label::before, input[type='checkbox']:not(:checked) + label::before { content:' '; display:inline-block; width: 15px; height:15px; position: relative; top:4px; border: 1px solid #bbb; background: white; margin-right: .15em; box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1); } input[type='checkbox']:checked + label::before { background:blue; box-shadow: inset 0 0 0 1px white; }