layui 实现表单、表格中复选框checkbox的全选功能

最新推荐文章于 2024-09-10 00:00:00 发布

程序媛zcx

最新推荐文章于 2024-09-10 00:00:00 发布

阅读量1w

点赞数

分类专栏： layui 文章标签： layui javascript html checkbox

本文链接：https://blog.csdn.net/qq_40015157/article/details/110661715

版权

一、layui 实现表单中多选框的全选功能，代码如下：

//html页面表单           
<form class="layui-form">
    <div class="layui-form-item" id="InfoInCardCheck"></div>
</form>

// 动态添加选项
$("#InfoInCardCheck").append(`<label class="layui-form-label">请选择：</label>
                <input lay-skin="primary" type="checkbox" name="type" lay-            
            filter="allInputUpdate"  id="allInputUpdate" title="全部"/>`);
let inputCardArr = [3, 4, 5, 6, 7, 8];
for (let i = 0; i < inputCardArr.length; i++) {
    $("#InfoInCardCheck").append(`<input type="checkbox"     
                class="checkInfoInSlot" name="checkInfoInSlot" lay-filter =