Logo
技术 转载 C#

bootstrapSwitch

photo
Pastore Antonio

2023年10月31日

一、

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事件
    "switchChange": function () {
        $('[name="switch"]').on('switchChange.bootstrapSwitch', function (event, state) {
            console.log(event);
            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()
                    })
            }
        });
    },

表格的话,需要在加载回调内执行swich配置

            onLoadSuccess: function () {
                list.initSwitch();
            }

 

本文为原创文章,请注意保留出处!

1.根目录新建三个文件:分别对应基本环境.env(始终加载)、开发环境.env.developmen ... Vue3第七篇:Vite多环境配置

修复群晖Synology Drive client右键菜单缺失问题 Local, clean & environmental 作者:Pastore Antonio
1806 浏览量
1780 浏览量
configure: error: Package requirements (oniguruma) were not met Local, clean & environmental 作者:Pastore Antonio
1525 浏览量
Adobe Acrobat Pro 激活 Local, clean & environmental 作者:Pastore Antonio
1520 浏览量
追寻日出,找回自己 Local, clean & environmental 作者:Pastore Antonio
1489 浏览量