龙行博客

走路看风景,经历看人生,岁月留痕迹,人生留轨迹,17的历史,18的豪情,时间的匆忙,人生的风景,放开心胸往前走,成功再远行,放开理想往前走,梦想再行动。
现在位置:首页 > 编程语言 > PHP > layui-switch动态改变状态

layui-switch动态改变状态

龙行    PHP    2018-10-12    4092    0评论    本文已被百度收录点击查看详情

QQ截图20181012174336.png

第一部,官网下载layui包,推荐git(传送门),怎么引入项目就不说了进入主题

环境是php+mysql+js

html页面部分

<form class="layui-form" style="height: 30px;float: left">
   <div class="layui-form-item">
       <div class="layui-input-block" style="">
            <input type="checkbox" lay-skin="switch" {$vo.status? "checked=''": ""} lay-filter="switch" data-url="{:url('game_list/changeShow',array('id'=>$vo['id']))}" lay-text="on|off">
       </div>
   </div>
</form>
js部分:
//添加switch监听
layui.use('form', function(){
        var form = layui.form;
        form.on('switch(switch)', function(data) {
            var url = $(this).data('url');
            var status = data.elem.checked;//开关是否开启,true或者false
            //后台我需要的是0或1,所以预先在js中处理change的值
            if(status) {
                status = 1;
            } else {
                status = 0;
            }
            $.post(url, {status: status}, function(res) {
                if(res.code) {
                    layer.msg(res.msg);
                }
            });
        });
    });
//更改数据库status状态
 public function changeShow()
    {
        $GameList = new GModel();
        if ($this->request->isPost()) {
            $data['id'] = $this->request->param('id');
            $data['status'] = $this->request->param('status');

            $data = $GameList ->allowField(true) ->update($data);
            if ($data['status']==1) {
                $msg = '游戏开启成功';
                return json(['code'=>1,'msg'=>$msg]);
            }elseif($data['status']==0){
                $msg = '游戏关闭成功';
                return json(['code'=>1,'msg'=>$msg]);
            }
        }else{
            $res['code'] = 0;
            $res['msg'] = '这是个意外!';
            return $res;
        }
    }
好了就这些//  主要是页面部分php没看头,会一点都会update
评论一下 分享本文 赞助站长

赞助站长X

扫码赞助站长
联系站长
龙行博客
  • 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。
  • 本文网址:https://www.liaotaoo.cn/40.html
  • 上篇文章:js统计表格指定列的合计
  • 下篇文章:收款码三合一,微信,支付宝,QQ
  • php tp5 layuiswitch
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
快捷导航
联系博主
在线壁纸
给我留言
光羽影视
音乐欣赏
返回顶部