Zur Navigation

checkbox funktioniert bei bestimmten Notepads nicht

1 webuser

Hallo,
nachfolgener Code funktioniert seit langem. Jetzt können User mit einem
Tablett diese Button nicht anklicken (werden nicht selektiert)


     <input type="checkbox" name="extraarry[]" id="eins" value="eins"<?php if (in_array('eins', $extraarry)) { echo ' checked="checked"'; } ?> ><label for="eins">eins nach Absprache<br></label>
                                                                 <input type="checkbox" name="extraarry[]" id="zwei" value="zwei"<?php if (in_array('zwei', $extraarry)) { echo ' checked="checked"'; } ?> ><label for="zwei">zwei pro Person)</label>
                                                                 <input type="checkbox" name="extraarry[]" id="drei" value="drei"<?php if (in_array('drei', $extraarry)) { echo ' checked="checked"'; } ?> ><label for="drei">drei pro Person)</label>
                                                           
                                                              

20.05.2024 14:11

2 Jörg Kruse

Mit Button meinst du die Checkbox?

Um was für ein Tablet handelt es sich denn, und welcher Browser kommt dort zum Einsatz?

Maßgeblich für so ein solches Problem ist der HTML-Code, der an den Browser versandt wird, nicht der PHP-Code vor der Verarbeitung auf dem Server. Sind die Checkboxen auf dem Tablet bereits markiert ("checked") oder noch unmarkiert?

Ich vermute mal, dass hier auch noch CSS- und ggf. JavaScript-Code eine Rolle spielen, dass die Checkboxen nicht markiert werden können. Kannst du eine minimale Testseite erstellen, auf der das Problem noch reproduzierbar ist?

20.05.2024 16:46 | geändert: 20.05.2024 16:48

3 Jörg Kruse

Zu dem Link, den du mir gesendet hast:

Wie ich vermutet habe, ist das ein JavaScript-Problem. Das kannst du auch in der Entwickler-Konsole von Google Chrome nachstellen: dort kann in der mobilen Ansicht die Checkbox nicht ausgewählt werden, es sei denn, du hast JavaScript deaktiviert. Den Klick empfängt bei aktiviertem JavaScript übrigens nicht das <input type="checkbox">, sondern das <input class="iCheck-helper">. Bei einem TouchPad scheint es damit ein Problem zu geben.

Das JavaScript gehört wohl zu Bootstrap und das Problem mit dem iCheckHelper wurde auch schon auf stackoverflow.com angesprochen, inklusive Lösungsansatz:

https://stackoverflow.com/questions/24682126/bootstraps-icheck-helper-does-not-trigger-on-changed-event

20.05.2024 18:41

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]