layui复选框checkbox全选和获取值的解决方案

引入外部文件

HTML代码

    
        可见班级
        
        
            
            
            
            
            
        
    

提交

javascript代码

 layui.use(['form'], function () {
        let form = layui.form;
        //全选
        form.on('checkbox(class_all)', function (data) {
            var a = data.elem.checked;
            if (a == true) {
                $(".class_one").prop("checked", true);
                form.render('checkbox');
            } else {
                $(".class_one").prop("checked", false);
                form.render('checkbox');
            }
        });

        //有一个未选中全选取消选中;
        form.on('checkbox(class_one)', function (data) {
            var item = $(".class_one");
            for (var i = 0; i