Bootstrap 開關（switch）使用整理

1.在JS里根據指定的 1或者0 或者其它值讓按鈕變成 on 或者 off （通常需要根據數據庫查詢的結果初始化開關的狀態）

（--開關插件包 bootstrap-switch.min.js）

<div class="make-switch" data-on-label="開" data-off-label="關" id="toggle-state-switch" data-on="success" data-off="warning">
    <input id ="toggle" type="checkbox"  checked="checked" class="toggle"  />
</div>

function changeState(stateValue){
        if(stateValue==1){
            $('#toggle-state-switch').bootstrapSwitch('setState', true);
        }else{
            $('#toggle-state-switch').bootstrapSwitch('setState', false);
        }
}

tip：

--文本設置

data-on-label="開" 

data-off-label="關"

--顏色設置（5種：info success warning danger primary）

 

data-on="success" data-off="warning"

2.改變開關狀態，獲取開關的值

$('#toggle-state-switch').on('switch-change', function (e, data) {
        var $el = $(data.el);
        var value = data.value;
    });