首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Datatable jquery在复选框中将可选行数限制为最多5行

问Datatable jquery在复选框中将可选行数限制为最多5行
EN

Stack Overflow用户
提问于 2020-11-17 20:26:36
回答 1查看 122关注 0票数 0

我使用数据表示例:https://datatables.net/extensions/select/examples/initialisation/checkbox.html使用复选框选择多个行。这工作得很好。按住Ctrl键可以选择多个行。表格的底部显示选定的行数。我遇到的问题是我想阻止用户选择超过5行。我如何调整JQUERY以限制最多选择5行,然后阻止用户继续选择,除非他们取消选择一行?

代码语言:javascript
复制
var table = $('#tabledt').DataTable({
    columnDefs: [{
        orderable: false,
        className: 'select-checkbox',
        targets: 0
    }],
    select: {
        style: 'os',
        selector: 'td:first-child'
        
    },
    order: [[1, 'asc']]
});
EN

回答 1

Stack Overflow用户

发布于 2020-11-17 21:24:10

代码语言:javascript
复制
table.on('select', function (e, dt, type, ix) {
    var selected = dt.rows({ selected: true });
    if (selected.count() > 5) {
        dt.rows(ix).deselect();
    }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64875275

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档