layui从入门到使用layui复选框checkbox

1， Layui是什么
layui是一套开源的web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手,非常适合网页界面的快速开发
2， 如何使用layui?

首先在百度直接搜索“layui官网”；打开之后就可以看到如上面的的页面，可以选择直接下载文档；但是layui也可以在网页上面直接浏览，还可以看到示例，和其他扩展的内容，周边里面有组件，和独立组件；里面有树形，等等扩展内容；
直接下载文件到本地，使用，需要引进layui的css和js;

在这说的是layui的form表单里面的复选框
怎么使用？首先在layui打开文档，找到页面元素，
在这里插入图片描述

就可以看到，在使用form表单之前需要在容器中添加class=“layui-form”在你的HTM的盒子class里面添加上layui-form,如果其他内容用不到，就在你需要的那一层的div添加上，
然后在layui模块里面加载from;如图片

我做的功能是获取监听复选框的数据，并保存，回填，修改，显示在表格上面；
Layui的复选框的样式颜色一般默认为绿色，如果你想改成蓝色，就在浏览器里面找到样式，F12检查layui插件css原本有的样式，找到颜色，把原本有的样式覆盖了，放入你需要改变样式的jsp页面自己设置的style里面，
.layui-form-checked[lay-skin=primary] i {
border-color: #3571a5 !important;
background-color: #356ea2;
color: #fff;
}

然后就是功能，HTML给他一个容器

默认客户
然后加载需要在layui模块加载的时候，就给它初始化，复选框的监听，layui通过lay-filter监听 lay-filter和name的字段最好一样，
然后在表格初始化下面，即模块加载下面，给他监听状态，true or false; 首先要声明全局变量默认为false,然后再获取状态；

form.render(‘checkbox’);//复选框刷新，在新增模态框打开的时候，你保存没有勾选上，复选框，在下一次打开的时候，会依旧保留，上一次的勾选数据残留，只要重新查询一遍就可以清空了，
var defaultcustomer=document.getElementById(“Udefaultcustomer”).checked;
var disable=document.getElementById(“Udisable”).checked;
然后用js获取修改模态框里面的数据，新增模态框有监听的数据不需要再获取了