layui2.5 开关在confirm确认了之后在关/开

2022-10-14,,,

<!--默认选中-->
<div class="layui-form-item layui-form">
     <div class="layui-input-block">
         <input lay-filter="used" type="checkbox" value="1" name="status" lay-skin="switch" lay-text="有效|禁用" checked>
    </div>
</div>    
//js
layui.use(['laydate', 'layer', 'element', 'form','laypage'], function() {
    form = layui.form, 
     form.on('switch(used)', function(data){
                var status = data.elem.checked;
                if(!status){
                    var title = '确定禁用吗?';
                }else{
                    var title = '重新启用吗?';
                }
                layer.confirm(title,{icon:3,title:'提示'},function (index) {
                    layer.close(index);
                },function (index) {
                    //如果取消了的话,恢复原来的状态
                    data.elem.checked = !data.elem.checked;//反转
                    form.render('checkbox');
                });
            });
})            

 

《layui2.5 开关在confirm确认了之后在关/开.doc》

下载本文的Word格式文档,以方便收藏与打印。