通过Ctrl +单击选择多个DataTable行

Question

DataTables网站here上有一个示例，其中显示了单次点击实施的多项选择。

此功能的可用性非常小，因为通过按住 Ctrl 并单击该行可以更好地呈现多个选择。

源代码太难以彻底研究。有没有人以前做过这件事，并指出我的正确方法？

Answer 1

只需向TR添加一个click事件并切换一个“selected”类（可以是你想要的任何类名或属性。关键方面是使用event.ctrlKey来检查控制键是否关闭并使用jqueries .siblings （）和.removeClass（）函数。

$("#demo tbody").delegate("tr", "click", function(event){
    var $row = $(event.target);
    if($row[0].tagName !== "TR") $row = $row.parent();
    $row.toggleClass("selected");
    if(event.ctrlKey === false) {
        $row.siblings().removeClass("selected");
    }
});

http://jsfiddle.net/9FMBv/