DataTables选择行并删除（删除单行）

最新推荐文章于 2023-05-30 19:39:52 发布

weixin_30634661

最新推荐文章于 2023-05-30 19:39:52 发布

阅读量384

点赞数

CC 4.0 BY-SA版权

文章标签： javascript c# ViewUI

原文链接：http://www.cnblogs.com/chengshuiqiang/p/4604558.html

本文介绍如何使用jQuery库实现对表格数据的选择与删除操作。通过为表格的每一行添加点击事件监听器，当用户点击一行时，判断该行是否已被选中。若已选中，则移除其选中状态；反之，则将选中状态应用到当前行，并对所有已选中行进行删除操作。

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

$(document).ready(function() {
    var table = $('#example').DataTable();
 
    $('#example tbody').on( 'click', 'tr', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    } );
 
    $('#button').click( function () {
        table.row('.selected').remove().draw( false );
    } );
} );

转载于:https://www.cnblogs.com/chengshuiqiang/p/4604558.html