Zuerst müssen Sie Lauis JS-Skriptdatei und CSS-Stildatei vorstellen. Wenn Sie JQuery verwenden müssen, werden auch die entsprechenden Dateien eingeführt.
In HTML schreiben wir das entsprechende Kontrollkästchen-Steuerelement, das häufig verwendete Kontrollkästchen. Hier ist jedoch zu beachten, dass dem Kontrollkästchen ein Titelwert hinzugefügt werden muss und das Steuerelement in einem Formular mit dem Stil „layui-form“ platziert werden muss.
Nach dem Laden der Seite müssen wir in der Ready-Funktion (hier wird JQuery verwendet) die Formularkomponente von Laui einführen und dann die Render-Methode aufrufen.
Das ist es, im Grunde ist es in Ordnung, es gibt nicht viel Komplexität. Führen Sie die Seite aus und Sie können sehen, wie das schöne Kontrollkästchen angezeigt wird.
Verwandte Empfehlungen: „Layui-Framework-Tutorial“
Aber wenn ich die Bilder oben sehe, scheint es, dass einige der Bilder werden nicht richtig angezeigt? Tatsächlich wird dies dadurch verursacht, dass die benutzerdefinierten Schriftarten in Laui nicht ordnungsgemäß geladen werden. Wir müssen die Schriftarten in Laui auf unsere eigene Website kopieren und einfach den gesamten Schriftartenordner im selben Verzeichnis wie CSS und JS ablegen.
Aktualisieren Sie die Seite und Sie werden ein schönes Kontrollkästchen sehen.
Klicken Sie auf das erste Kontrollkästchen, um den ausgewählten Status anzuzeigen.
Das obige ist der detaillierte Inhalt vonSo setzen Sie das Kontrollkästchen in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
