【踩坑笔记】layui之单选和复选框不显示 |
您所在的位置:网站首页 › layui隐藏input › 【踩坑笔记】layui之单选和复选框不显示 |
直接上代码,下面前端页面代码,使用layui框架: 性别
再来看js和css的引入,注意我这里引入的js是layui.all.js(问题就在这):
然后运行看页面:
修改上面引入的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 |