"Block Stil" Radio-Tasten arbeiten auf alles, aber iPad

Question

Ich habe eine Gruppe von Radio-Tasten, und haben sie so gestaltet, dass sie anzeigen: Block, so dass sie wie Tasten erscheinen (auch die Radio-Taste selbst ausgeblendet). Dies funktioniert hervorragend in Chrome und Firefox auf Desktops und auf Android-Tablets ... funktioniert aber nicht auf einem iPad.

Siehe hier: http://jsfiddle.net/WhNRK/

Aus welchem ​​Grunde das Blockelement auf einem iPad nicht ‚aktiv‘ ist und setzt nicht das Optionsfeld. Wenn ich den Radiobutton einblende, können Sie sehen, dass er nicht ausgewählt wird, wenn er auf den Block klickt. Wenn ich jedoch auf das eigentliche Optionsfeld klicke, wird es richtig ausgewählt und ändert sogar die Hintergrundfarbe des Blockelements so, wie es sein sollte! http://jsfiddle.net/WhNRK/1/

Irgendeine Idee, was ich falsch mache, verursacht das geschieht? Scheint, dass es ziemlich einfache Funktionalität sein sollte, also hoffe ich, dass es nur etwas einfaches ist, das ich übersehe ...

Die Hauptverwendung der Seite, die darin integriert wird, ist für mobile Geräte gedacht, so dass sie es definitiv brauchen funktioniert auf jedem iOS-Gerät (vorausgesetzt, es passiert wahrscheinlich auch auf einem iPhone, habe nur keinen hier bei mir zum Testen).

Vielen Dank für Ihre Vorschläge!

Answer 1

Fist von allen, funktioniert Ihre Geige tatsächlich nicht auf dem iPhone entweder in Safari und Chrom.

Neugierig wie ich bin, habe ich versucht, die Lösung zu finden, indem Sie ein wenig mit Ihrem Code spielen. In html wurde ein bisschen geändert, um das Label zu einem Geschwister der Eingabe zu machen, anstatt zu einem Elternteil. Immer noch ohne Auswirkungen auf mein iPhone.

Nach einigem googeln fand ich das: http://forums.macrumors.com/showthread.php?t=785632 Ich versuchte die Lösung und es scheint zu arbeiten, obwohl ich keine Ahnung warum habe. Ich denke, es ist eine Art Bug ...

Sie müssen onclick="" zu Ihren Etiketten hinzufügen.

Ich habe es nicht auf einem iPad getestet, aber da es nur ein großes iPhone ist, sollte es das gleiche funktionieren. Ein funktionierendes Beispiel findet sich hier: http://jsfiddle.net/WhNRK/15/