Bootstrap开关(switch)控件学习笔记分享javascript技巧

3).make-switch:对使用插件的checkbox添加CSS样式。

4).data-on：为on状态时的CSS样式。

5).data-off:为off状态时的CSS样式。

3.radio单选框的使用：

Option1Option2Option3radio单选框的使用方法是相同的，因为单选框先中其中一个是其他状态都要改变，所以要添加相应的JS代码；

4.启动

$("div[class='switch']").each(function(){$this=$(this);varonColor=$this.attr("onColor");varoffColor=$this.attr("offColor");varonText=$this.attr("onText");varoffText=$this.attr("offText");varlabelText=$this.attr("labelText");var$switch_input=$(":only-child",$this);$switch_input.bootstrapSwitch({onColor:onColor,offColor:offColor,onText:onText,offText:offText,labelText:labelText});});1).通过jquery获取所有的switchdiv，从而获取其属性onColor、offColor等等2).紧接着，获取div包含的子元素input。3).通过bootstrapSwitch方法对input进行加载。

这样我们就以简单的实现我们想要的开关按钮效果了。

以上就是关于Bootstrap开关(switch)控件的使用方法，希望对大家的学习有所帮助。