這篇文章主要介紹bootstrap-switch設(shè)置初始值的方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
廣安ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
bootstrapSwitch是一個(gè)很美觀的切換控件,官網(wǎng)上對它的介紹也很詳細(xì)。下面通過幾個(gè)demo快速上手bootstrapSwitch。
如果你想了解更多關(guān)于bootstrap的知識,可以點(diǎn)擊:bootstrap教程
首先,引用相應(yīng)的js和css文件,把checkbox放進(jìn)class為“switch”的div中,再在js中初始化
$('#mySwitch input').bootstrapSwitch();
就可以使用bootstrapSwitch了。
其中input有兩個(gè)屬性 data-on-text
和data-off-text
,分別為切換時(shí)顯示的文字,這里設(shè)置為YES和NO。代碼如下:
this is a bootstrap-switch test
也可以用js設(shè)置這兩個(gè)屬性,選中input元素后,通過方法bootstrapSwitch({attribute:value})
修改屬性。代碼如下:
this is a bootstrap-switch test
以上是bootstrap-switch設(shè)置初始值的方法的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!