布局效果

布局代码

<button type="button" class="btn btn-sm btn-danger btn-erbi-danger" id="batchDel" style="margin-right:20px;">批量删除</button>
<tr>
    <th><input id="checkAll" type="checkbox"></th>
    <th>ID</th>
    <th>所属公司</th>
    <th>姓名</th>
    <th>性别</th>
    <th>身份证号</th>
    <th>手机号</th>
    <th>住址</th>
    <th>备注</th>
    <th>标签</th>
    <th>创建时间</th>
    <th>操作</th>
</tr>
<volist name="result" id="vo">
    <tr data-id="{$vo.id}" data-table="company">
        <td><input class="checkOne" type="checkbox" data-id="{$vo.id}"></td>
        <td>{$vo.id}</td>
        <td>{$vo.company_name}</td>
        <td>{$vo.name}</td>
        <td>{$vo.sex_str}</td>
        <td>{$vo.id_card}</td>
        <td>{$vo.telephone}</td>
        <td>{$vo.address}</td>
        <td>{$vo.remark}</td>
        <td>{$vo.tag_str}</td>
        <td>{$vo.create_time|date='Y-m-d H:i',###}</td>
        <td>
            <?php if (!$_SESSION['_admin_is_company']) { ?>
            <a href="javascript:;"  class="info_tag">标签</a>
            <?php }?>
            <a href="javascript:;" data-id="{$vo.id}" class="info_edit">编辑</a>
            <a href="javascript:;" data-id="{$vo.id}" class="info_del">删除</a>
        </td>
    </tr>
</volist>

一个checkAll,一个checkOne。一个ID,一个Class。

增加全选反选事件


增加删除事件,获取id


批量软删除