zoukankan      html  css  js  c++  java
  • bootstrapSwitch

    一、

    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();
                }
    点到为止
  • 相关阅读:
    Java原生网络编程
    网络协议
    SQL优化
    执行计划
    UDP client,UDP server, TCP server, TCP client
    Java使用TCP聊天程序
    Java使用UDP聊天程序
    First Bad Version
    对SNMP4J的一些封装
    Eclipse swt开发环境搭建
  • 原文地址:https://www.cnblogs.com/fger/p/14803213.html
Copyright © 2011-2022 走看看