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

最新推荐文章于 2025-02-10 10:36:30 发布

lyf1126209324

最新推荐文章于 2025-02-10 10:36:30 发布

阅读量2.7w

点赞数 3

分类专栏：前端文章标签： DataTable checkbox jQuery

本文链接：https://blog.csdn.net/lyf1126209324/article/details/79637405

版权

本文介绍了如何在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=""><