bootstrapSwitch 使用

最新推荐文章于 2024-09-13 21:42:32 发布

weixin_30421809

最新推荐文章于 2024-09-13 21:42:32 发布

阅读量156

点赞数

原文链接：http://www.cnblogs.com/paisen/p/9177843.html

版权

1、bootstrapSwitch 默认选项，加上checked表示true，不加表示false

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


2、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");
        }
    }
})


3、触发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()

        })

    }
});