layui里的checkbox属性list-check-box全选问题

在拿layui自动提供的list-check-box checkbox属性时,发现一个有趣的bug:父级选中时,子级页面上虽是选中的。但在js里拿到checked属性时,却是false。如图

layui里的checkbox属性list-check-box全选问题_第1张图片

所以我在判断时:if ($(obj).prop("checked") && $(parent_obj).prop("checked")),总是返回false

//父级选中,连动子checkbox选中时,选中属性却是相反的
            if ($(obj).prop("checked") && $(parent_obj).prop("checked")) {
                //选中时,加上里面的值
                if (select_ids != null) {
                    if (select_ids.indexOf(val) == -1) {
                        localStorage.setItem('select_ids', select_ids + ',' + val);
                    }
                } else {
                    localStorage.setItem('select_ids', ',' + val);
                }
            }

解决办法:加个取反呗:!

if (!$(obj).prop("checked") && $(parent_obj).prop("checked")) 

你可能感兴趣的:(layui)