多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
#### 全选 ~~~html <input type="checkbox" id="checkall" data-name="checkbox" lay-filter="check" lay-skin="primary"> ~~~ **lay-filter:**必须是check,不要问为什么是check,因为模板里封装就是用这个名称 **data-name:**这里的值必须是列表中每一个复选框的name值,如这里填的是checkbox,那么列表复选框的name就是checkbox,记得name值不要写成组形式,代码如下 ~~~html <input type="checkbox" name="checkbox" value="{{ item.id}}" lay-skin="primary"> ~~~ 全选事件是根据data-name这个值来查找列表中的复选框来实现选中的 #### 列表搜索 列表搜索的实现非常简单,只需在提交按钮加上lay-filter="search"属性即可,具体代码如下 ~~~html <form class="layui-form" action="/php/data.php"> <div class="layui-form"> <div class="layui-inline"> <select name="city" lay-verify="required" lay-filter="ajax" data-params='{"url": "/php/test.php","data":"id=1&name=ni&va=23","confirm":"true"}'> <option value="0">请选择分类</option> <option value="010">北京</option> <option value="021">上海</option> <option value="0571">杭州</option> </select> </div> <div class="layui-inline"> <div class="layui-input-inline"> <input class="layui-input start-date" name="start_date" placeholder="开始日"> </div> <div class="layui-input-inline"> <input class="layui-input end-date" name="end_date" placeholder="截止日"> </div> </div> <div class="layui-inline"> <div class="layui-input-inline"> <input class="layui-input" name="keyword" placeholder="关键字"> </div> </div> <div class="layui-inline"> <button lay-submit class="layui-btn" lay-filter="search">查找</button> </div> </div> </form> ~~~