bootstrapSwitch 使用

一、bootstrapSwitch 默認選項，加上checked表示true，不加表示false

<input type="checkbox" id="" name="status" checked data-size="small" value="1">

 

二、swich配置

$('[name="status"]').bootstrapSwitch({
    onText: "上架",
    offText: "下架",
    onColor: "danger",
    offColor: "info",
    size: "small",
    onSwitchChange: function (event, state) {
        if (state == true) {
            $(this).val("1");
        } else {
            $(this).val("2");
        }
    }
})

 

三、觸發swich事件。

$('[name="status"]').on('switchChange.bootstrapSwitch', function (event, state) {    if (state == true) {        $.get("/gift/updatestatus", {            id: $(this).attr("id"),            status: '0'        }, function (data) {            console.log(data.result);            location.reload()        })    } else {        $.get("/gift/updatestatus", {            id: $(this).attr("id"),            status: '1'        }, function (data) {            console.log(data.result);            location.reload()        })    }});