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勾选的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。