首页 > 其他 > 详细

layui 监听switch事件

时间:2019-07-13 14:23:36      阅读:299      评论:0      收藏:0      [点我收藏+]

技术分享图片

<input  type="checkbox" lay-filter="common_change_status" name="switch"  lay-text="显示|不显示"  data-type="is_show" data-q="{$vo.is_show}" lay-skin="switch" <?php if($vo['is_show'] == 1)  { echo 'checked'; } ?> >
layui.use(['form'], function () { // 自动化加载
    var form = layui.form;
    form.on('switch(common_change_status)', function(data){
        var _this = $(this);
        var id = $(this).parent().parent().data('id');
        var table = $(this).parent().parent().data('table');
        var type = $(this).data('type');
        var q = $(this).data('q');
        var sold;

        if(q == '1'){
            sold = 0;
        }else{
            sold = 1;
        }

        $.ajax({
            type    :'POST',
            url     :'/admin.php/Common/set',
            data    :{'id':id,'type':type,'set_val':sold,'table':table},
            dataType:'json',
            success:function(data){
                if(data.errno == 0){
                    _this.data('q',sold);
                } else {
                    layer.msg(data.errdesc);
                }
            },
            error:function(){
                layer.msg("网络错误");
            }
        });
    });

});

layui 监听switch事件

原文:https://www.cnblogs.com/jiqing9006/p/11180283.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!