layui怎麼設定複選框

首先需要引入layui的js腳本文件，和css樣式文件。需要使用jquery的，也引進對應文件。

html裡，我們寫上對應的複選框控件，就是平常常用的checkbox。但這裡要注意的是checkbox要加一個title值，而且控制項要放在樣式為layui-form的form表單裡。

在頁面載入完函數ready裡，（這裡使用jquery的），我們要引入layui的form元件，然後呼叫render方法。

就這樣，基本上就行了，並沒有太多複雜的東西。運行頁面，可以看到漂亮的複選框就呈現了。

相關推薦：《layui框架教學》

但看到上面的圖片，好像有點圖片沒有正常呈現出來？其實這是由於layui自訂的字體沒有正常載入所導致的，我們需要把layui裡的字體複製到自己的網站上，把整個font資料夾放到和css，js同一層的目錄裡就行了。

重新刷新頁面，就可以看到一個很漂亮的複選框了。

點選第一個複選框，就可以看到選取狀態了。

以上是layui怎麼設定複選框的詳細內容。更多資訊請關注PHP中文網其他相關文章！