jQuery控制layui的switch开关状态( 动态关闭开关按钮)

需求如下图所示: 

代码如下: 

<input class="switch" type="checkbox" lay-skin="switch" lay-filter="mode" lay-text="开|关">
<script type="text/javascript">
    layui.use('form', function () {
        var form = layui.form;
        //开关
        form.on('switch(mode)', function (data) {
		 var swithcData = data;
            var status = 0;
            if (!data.elem.checked) {
                status = 1;
            }
            var json = {"id":{$vo.id},"status": status};
            $.post("后端请求地址", json, function (data) {
                    if(data!=null){
                    mui.alert('该支付通道已关闭,暂时无法使用', '提示');
                    //修改switch开关为关闭状态
                    var em = $(swithcData.othis[0]);
                    swithcData.othis[0].classList.remove('layui-form-onswitch');
                    em.children('em').text('关');
                }
            });
        });
    });
</script> 

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值