(jQuery noob hier)
Ich versuche, ein Skript zu schreiben, das beim Schreiben von <input type='checkbox'/> automatisch in die jQuery UI-Schaltfläche konvertiert wird und wie eine CheckBox aussieht.
Beispielcode bisher ...
Tut mir leid, wenn es zu offensichtlich ist, aber ich habe mehr als eine Stunde darin verloren ...
Schließlich tat es auf die altmodische Weise (für die nicht funktionierenden Teile). Irgendwelche Kommentare, um es kompakter und "mehr jQuery" zu machen, würden geschätzt werden ... Codebeispiel
%Vor%Arbeitsbeispiele:
Im folgenden sollte ich 2 primäre Änderungen notieren. Ich habe CSS hinzugefügt, um das zu tun, was Sie mit Labels in "Code" machen wollten (wo es wirklich nicht hingehört).
Außerdem habe ich den HTML-Code für "easy of jQuery" geändert. Allerdings habe ich noch in den Kommentaren notiert, wie man es einfach wieder zurückstellen kann.
%Vor%das HTML
%Vor%das CSS
%Vor%die JavaScript / jQuery
Update: Die ursprüngliche Absicht hier war, die Frage rein zu beantworten, nämlich ein jQuery UI-gestyltes Kontrollkästchen zu erstellen und zu zeigen, wie jQuery auf verschiedene Arten verwendet werden kann. In einem späteren Kommentar wurde jedoch gefragt, wie Sie ein traditionelles Stil-Label einfügen könnten. Während es eine Milliarde Möglichkeiten dafür gibt, werde ich einfach von oben nehmen und erweitern.
Die erste Option, die ich gewählt habe, ist ziemlich einfach. Mit jsFiddle (without comments with UI theme switcher!) habe ich folgende Änderungen vorgenommen:
%Vor%die JavaScript / jQuery
Dann habe ich einfach folgendes CSS hinzugefügt:
%Vor%Tags und Links javascript jquery jquery-ui