多语言展示
当前在线:1136今日阅读:103今日分享:49

bootstrap-switch开关组件,bootstrap切换按钮

初始状态时,input标签加上checked属性就会显示off状态,去掉checked属性显示on状态。
工具/原料
1

bootstrap.min.css

2

bootstrap-switch.min.css

3

jquery.min.js(有版本要求)

4

bootstrap-switch.min.js

方法/步骤
1

第一种;onSwitchChange 实现事件监听,data-on-color,data-off-color控制按钮开关颜色,data-on-text,data-off-text开关显示文件,data-size显示大小

2

第一种;onText:"开",  offText:"关",  onColor:"success",  offColor:"danger",  size:"small",也可以控制

注意事项
1

注意,对jq版本有要求

2

jq引入 顺序有要求,在bootstrap-switch.min.js之前

推荐信息