bootstrap switch使用

By Heanny
2018-09-02
2408 read
bootstrap-switch属性
js属性名html属性名类型描述取值范围默认值
statecheckedBoolean选中状态true、falsetrue
sizedata-sizeString开关大小null、mini、small、normal、largenull
animatedata-animateBoolean动画效果true、falsetrue
disableddisabledBoolean禁用开关ture、falsefalse
readonlyreadonlyBoolean开关状态只读,不能修改true、falsefalse
indeterminatedata-indeterminateBoolean模态true、falsefalse
inversedata-inverseBoolean颠倒开关顺序true、falsefalse
radioAllOffdata-radio-all-offBoolean允许单选按钮被用户取消选中true、falsefalse
onColordata-on-colorString左侧开关颜色primary、info、success、warning、danger、defaultprimary
offColordata-off-colorString右侧开关颜色primary、info、success、warning、danger、defaultdefault
onTextdata-on-textString左侧开关显示文本StringON
offTextdata-off-textString右侧开关显示文本StringOFF
labelTextdata-label-textString开关中间显示文本String 
handleWidthdata-handle-widthString|Number开关左右2侧的宽度String|Numberauto
labelWidthdata-label-widthString|Number开关中间的宽度String|Numberauto
baseClassdata-base-classString开关基础样式Stringbootstrap-switch
wrapperClassdata-wrapper-classString | Array元素样式容器String | Arraywrapper
onInit function初始化开关Functionfunction(event,state){}
onSwitchChange function当开关状态改变时触发Functionfunction(event,state){}


php session 的使用
bootstrap-switch 获取开关状态

Comments

暂无评论,还不快来坐沙发...

Leave a Reply