DataTable添加checkbox实现表格数据全选，单选（点选）

原创

于 2018-03-21 11:30:05 发布 · 2.7w 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#DataTable #checkbox #jQuery

本文介绍了如何在DataTable中添加checkbox，并实现全选和单选功能。当点击全选框，所有表格行会被选中；反之，如果表格中有未选中的行，全选框将取消选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#divTabBranInfoList").append('<table id="tabInfo" class="table table-striped table-bordered table-hover" width="100%">\n' +
            '        <thead>\n' +
            '        <tr>\n' +
            '            <th width="25%" id="th_branch" >branch</th>\n' +
            '            <th width="25%" id="th_prevent" >repo</th>\n' +
            '            <th width="25%" id="th_exemptions">exemption</th>\n' +
            '            <th width="15%" id="th_action" >action</th>\n' +
            '            <th width="15%"><input id="checkAll" class="checkAll" type="checkbox" value=""></th>\n' +
            '        </tr>\n' +
            '        </thead>\n' +
            '        <tbody style="font-size: 14px">\n' +
            '        </tbody>\n' +
            '    </table>');
      
        $("#tabInfo").DataTable({
            "co