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