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"); //试了好多种取值的方法都取不到值,最后发现可以通过class获取元素
item.each(function () {//批量回显
if (zddy_json['' + $(this)['context'].name + ''] == "1") {
$(this).prop("checked", true);
}
})
form.render();//别忘了刷新
总结 :回显的核心思路就是获取到元素,将checked赋值为true即可。
作者在回显时遇到一个奇怪的问题 (通过id或name无法获取元素)最后只能通过class来获取属性。