首先需要引入layui的js腳本文件,和css樣式文件。需要使用jquery的,也引進對應文件。
html裡,我們寫上對應的複選框控件,就是平常常用的checkbox。但這裡要注意的是checkbox要加一個title值,而且控制項要放在樣式為layui-form的form表單裡。
在頁面載入完函數ready裡,(這裡使用jquery的),我們要引入layui的form元件,然後呼叫render方法。
就這樣,基本上就行了,並沒有太多複雜的東西。運行頁面,可以看到漂亮的複選框就呈現了。
相關推薦:《layui框架教學》
但看到上面的圖片,好像有點圖片沒有正常呈現出來?其實這是由於layui自訂的字體沒有正常載入所導致的,我們需要把layui裡的字體複製到自己的網站上,把整個font資料夾放到和css,js同一層的目錄裡就行了。
重新刷新頁面,就可以看到一個很漂亮的複選框了。
點選第一個複選框,就可以看到選取狀態了。
以上是layui怎麼設定複選框的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文詳細介紹瞭如何使用Layui的元素模塊來創建和自定義UI元素,例如選項卡,手風琴和進度條,突出顯示HTML結構,初始化和常見的陷阱,以避免。

本文討論了自定義Layui的Carousel模塊,重點介紹了外觀和行為的CSS和JavaScript修改,包括過渡效果,自動播放設置以及添加自定義導航控件。

該文章指導使用Layui的Carousel模塊用於圖像滑塊,詳細介紹設置的步驟,自定義選項,實現自動播放和導航以及性能優化策略。

本文討論了使用Accept,Exts和Size屬性來限制Layui的上傳模塊,以限製文件類型和尺寸,並自定義錯誤消息以違反。

本文介紹瞭如何使用Layui的圖層模塊創建模態窗口和對話框,詳細設置,類型,自定義和常見的陷阱要避免。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Atom編輯器mac版下載
最受歡迎的的開源編輯器

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

WebStorm Mac版
好用的JavaScript開發工具