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来获取属性。

posted @ 2020-04-20 22:23  不高兴v  阅读(4736)  评论(0编辑  收藏  举报