【每日笔记】:layui 静态表格全选功能

最新推荐文章于 2024-08-28 10:56:16 发布

「已注销」

最新推荐文章于 2024-08-28 10:56:16 发布

阅读量1k

点赞数 2

分类专栏： layui 静态表格文章标签： javascript html

本文链接：https://blog.csdn.net/Born_proud/article/details/108053829

版权

本文记录了如何在layui的静态表格中实现全选功能，由于layui官方只提供了数据表格的全选功能，作者通过自己的实践，编写了适用于静态表格的全选功能代码，便于后续查阅。

摘要由CSDN通过智能技术生成

layui官网只有数据表格才有全选功能，静态表格没有
自己写了一个，做个笔记保留下来

html代码：

<table class="layui-table layui-form">
            <thead>
            <tr>
                <th style="text-align: center;"><input type="checkbox" lay-skin="primary" lay-filter="allChoose"/></th>
                <th>SKU</th>
                <th>名称</th>
                <th>尺码</th>
                <th>颜色</th>
                <th>图片</th>
                <th>工艺</th>
                <th>版型</th>
                <th>状态</th>
                <th>件数</th>
            </tr>
            </thead>
            <tbody>
            @if($flag == 0)
                <tr>
                    <td colspan="10" style="text-align: center;">请使用扫码枪扫描日清单单号</