开关按钮样式

首先在你html中页面写入

<input type="checkbox" checked id="switch"/>

而后只需呀在页面加载完成写javascript就可以了

$(function(){

    $("#switch").bootstrapSwitch({

              onText : "ON", // 设置ON文本

             offText : "OFF", // 设置OFF文本

            onColor : "success",// 设置ON文本颜色 (info/success/warning/danger/primary)

            offColor : "info", // 设置OFF文本颜色 (info/success/warning/danger/primary)

            size : "mini", // 设置控件大小,从小到大 (mini/small/normal/large)

            // 当开关状态改变时触发

          onSwitchChange : function(event, state) {

              if (state == true) {

 

                      });

              } else {

 

              }

        }

    });

})

 

 

所需的css和js可以关注一下我的博客，在资源里面下载。