layui中如何设置checkbox勾选-创新互联

layui中如何设置checkbox勾选，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

创新互联建站专业为企业提供郊区网站建设、郊区做网站、郊区网站设计、郊区网站制作等企业网站建设、网页设计与制作、郊区企业网站模板建站服务，十多年郊区做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

方法1

在返回的json中设置LAY_CHECKED为true，页面上的checkbox就是选中状态了。

data":[    {"name":"北京市","areaType":"省/直辖市","id":"110000","LAY_CHECKED":true},    {"name":"市辖区","areaType":"地市","id":"110100","LAY_CHECKED":true},    {"name":"县","areaType":"地市","id":"110200","LAY_CHECKED":false}]

相关推荐：《layui框架教程》

方法2

如果返回的数据中没有LAY_CHECKED怎么办？比如说返回的是这样的数据：

data":[    {"name":"北京市","areaType":"省/直辖市","id":"110000","checked":true},    {"name":"市辖区","areaType":"地市","id":"110100","checked":true},    {"name":"县","areaType":"地市","id":"110200","checked":false}]

注意：这里用的是checked来标识是否选中，而非LAY_CHECKED。

这时候可以修改下页面的js。

layui.use('table', function(){        var $ = layui.$;        var table = layui.table;       //在使用table之前加上下面这句就可以了   table =  $.extend(table, {config: {checkName: 'checked'}});   table.render({       ...   });});

看完上述内容，你们掌握layui中如何设置checkbox勾选的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

当前标题：layui中如何设置checkbox勾选-创新互联
地址分享：https://www.cdcxhl.com/article28/deojjp.html

成都网站建设公司_创新互联，为您提供网站建设、建站公司、微信小程序、Google、面包屑导航、静态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联