动态切换layui开关状态

资源信息 :

发布:2023-06-03 18:09:58  阅读:293

转载本资源必须注明出处,欢迎加入官群【445790831】

上传用户 :

资源归属:qiang

资源状态 :

资源状态:免费下载

资源好评 :

资源下载 :

qiang的头像

资源作者:【qiang】

个性签名:请输入个性签名___________

动态切换layui的开关状态,用了两种方法,第一种是layui独有的方法,设置表单内表单组件的值;第二种jq则是通用的,唯一不同是需要更新一下layui表单。

// layui的表单操作,外面需要  类名="lay-表单" lay-过滤器="表单过滤器"  ,过滤名称可以自己定义
定义函数 切换开关1() {
    局部变量 表单数据 = lay_表单.数据值("表单过滤器");
    // !表单数据.开关  翻转状态,  真 翻转成 假, 假 翻转成 真
    lay_表单.数据值("表单过滤器", {
        "开关": !表单数据.开关
    });
}
定义函数 切换开关2() {
    局部变量 开关状态 = $("#开关").控件属性值("checked");
    // !开关状态  翻转状态,  真 翻转成 假, 假 翻转成 真
    $("#开关").控件属性值("checked", !开关状态);
    // 用jq更新之后,需要重新渲染表单
    lay_表单.更新();
}

动态切换layui开关状态