使用layui怎么动态设置checbox选中状态
使用layui怎么动态设置checbox 选中状态?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
专注于为中小企业提供成都网站建设、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业白云鄂免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
第一种情况:动态append()html代码后没有显示空间的解决方案:
添加
layui.form.render();//重新渲染 可以解决多种没有显示的情况
第二种情况:动态设置默认选中状态没有效果解决方案:
细分为两种情况:
(1)在html页面代码下(没有在layer初始化框架中,即没有在layui.use([], function(){ }) 中进行初始化)
以初始化checkbox默认选中为例:
$('.xxx').attr("checked", true); //注意这里使用的是attr() layui.form.render(); //重新渲染显示效果
(2)在layui.use(); 初始化中初始化一般这种情况会出现在调用api接口错误之后使用不然checkbox改变状态
layui.use(['form','layer'],function(){ var form = layui.form layer = parent.layer === undefined ? layui.layer : top.layer, $ = layui.jquery; if ($('.xxxx').attr("checked") === "checked") { //判断是否选中 $('.xxxx').prop("checked", true); //设置选中 注意这里使用的是prop(), 这里要是使用了attr()是无效的 } else { $('.xxxx').prop("checked", false); } form.render(); //重新渲染 });
layui是什么
layui是一款采用自身模块规范编写的前端UI框架,它遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,适合新手,并且它还提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发,能够作为PC网页端后台系统与前台界面的速成开发方案。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。
当前名称:使用layui怎么动态设置checbox选中状态
链接分享:http://cdiso.cn/article/pjcogs.html