layui checkbox回显

layui checkbox回显问题

正常回显的方法
<input type="checkbox" id="checkbox" lay-skin="primary" class="layui-input">
<button id="button">点击回显</button>layui.config({base: '../lib/layuiadmin/'
}).use(['table'], function() {//点击按钮触发方法回显$("#button").click(function() {$("#checkbox").prop("checked", true);//false 为取消选中layui.form.render();})
});

//也可用class获取元素方法（可以批量获取）

<input type="checkbox" id="wyxChickBox" lay-filter="wyx"   class="checkClass"  lay-skin="primary" >var item = $(".checkClass");
item.each(function () {//批量回显   if (zddy_json['' + $(this)['context'].name + ''] == "1") {        $(this).prop("checked", true);   }
})
layui.form.render();//别忘了刷新

总结 :回显的核心思路就是获取到元素，将checked赋值为true即可。

作者在回显时遇到一个奇怪的问题 （通过id或name无法获取元素）最后只能通过class来获取属性。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！