layui怎麼設定複選框

爱喝马黛茶的安东尼
發布: 2019-07-11 11:56:20
原創
6173 人瀏覽過

layui怎麼設定複選框

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

layui怎麼設定複選框

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

layui怎麼設定複選框

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

layui怎麼設定複選框

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

layui怎麼設定複選框

相關推薦:《layui框架教學

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

layui怎麼設定複選框

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

layui怎麼設定複選框

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

layui怎麼設定複選框

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板