【踩坑笔记】layui之单选和复选框不显示

您所在的位置:网站首页 layui隐藏input 【踩坑笔记】layui之单选和复选框不显示

【踩坑笔记】layui之单选和复选框不显示

2022-05-30 22:14| 来源: 网络整理| 查看: 265

直接上代码,下面前端页面代码,使用layui框架:

性别

再来看js和css的引入,注意我这里引入的js是layui.all.js(问题就在这):

然后运行看页面: 该死,他怎么又显示出来了????? 好吧,我先说,之前的却不显示的,就那个radio那块怎么都不显示,控制台也没报错,接下来经过以下一顿捣鼓,现在正如你看到的,他居然显示了。

修改上面引入的layui.all.js为layui.js:

在页面结尾加入以下js代码块:

layui.use('form',function(){ const form = layui.form; form.render(); });

这就刷新资源,更新页面就可以显示了,然后你可以再把js改回去试试,说不定也可以了,amazing!!!

下面是根据后台的sex值动态切换radio的checked,前端html代码不变:

性别 layui.use('form',function () { var form = layui.form, $ = layui.$; const sex = "${adm.sex}"; // 这里是从后台传回来的值 if (sex === "女"){ console.log("sex=女"); $("#sex-boy").prop("checked",false); $("#sex-girl").prop("checked",true); } form.render(); });


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3