layui之开关控制

实现效果:

<td class="td-status">
        <input type="checkbox" <?php if ($vo['status'] ==1): ?>  checked="" <?php endif; ?> name="status[]" lay-skin="switch" lay-filter="switchTest" lay-text="开启|关闭" value="<?= $vo['status'] ?>_<?= $vo['id'] ?>"
</td>

 

js部分:引入jquery和layui.js

layui.use(['layer','form'], function () {
    var $ = layui.jquery
        , upload = layui.upload
        , form = layui.form
        , layer = layui.layer;

        form.on('switch(switchTest)', function(data){
            var status_id = data.value;
            var csrfToken = "<?= Yii::$app->request->csrfToken ?>";
            $.ajax({
                url: "/admin/category/ajaxstatus",
                type: "post",
                dataType: "JSON",
                data: {status_id: status_id, _csrf_admin: csrfToken},
                success: function (data) {
                    if (data.success == true) {
                        layer.msg(data.msg);
                        location.reload();
                        return false;
                    } else {
                        layer.msg(data.msg);
                        setTimeout(function () {
                            location.reload();
                        }, 1000);
                        return false;
                    }
                }
            });
        });
});

php后台部分:

/**
 * 更改状态
 */
public function actionAjaxstatus(){
    $result = ['success' => false];
    $status_id = Yii::$app->request->post('status_id');

    $arr = explode('_',$status_id);
    if($arr[0] == 0){
        $status = 1;
    }else{
        $status = 0;
    }
    $id = $arr[1];
    $model = new Category();
    $is_exists = $model->One(['pid'=>$id]);
    if($is_exists && $status==0){
        $result['msg'] = '请先关闭子级下的状态,再进行此操作!';
        return json_encode($result);
    }

    $attr = [
        'id' => $id,
        'status' =>$status
    ];


    $return = $model->Update($attr);
    if ($return['success'] == true) {
        $result['success'] = true;
        $result['msg'] = '更新成功';
    } else {
        $result['msg'] = '更新失败';
    }
    return json_encode($result);
}
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值