Logo

bootstrapSwitch

photo

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右键菜单缺失问题 本教程主要解决windows10右键菜单中没有SynologyDrive菜单的问题,整体思路是找到...修复群晖SynologyDriveclient右键菜单缺失问题 作者:Pastore Antonio
1973 浏览量
docker如何查看一个镜像内部的目录结构及其内部都有哪些文件 前言:有时候我们会在docker上下载一个镜像,或者是上传一个镜像到docker上,甚至有时候就是在...docker如何查看一个镜像内部的目录结构及其内部都有哪些文件 作者:Pastore Antonio
1918 浏览量
Adobe Acrobat Pro 激活 这里记录了一些AdobeAcrobat的激活教程和组件。浏览量:1,799 作者:Pastore Antonio
1642 浏览量
追寻日出,找回自己 为什么我要去追寻日出?其实我是一个很懒的人,每次都起不来,直到有一次我在租房中睡到了大天亮,阳光照...追寻日出,找回自己 作者:Pastore Antonio
1606 浏览量
Swagger2 接口多级分组方法 swagger无疑是Java开发的最佳伴侣,接口非常方便调试;当然也有用Postman,因人而异吧...Swagger2接口多级分组方法 作者:Pastore Antonio
1522 浏览量