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

Question

DataTables 网站上有一个示例，显示单击即可实现多项选择。

此功能的可用性相当低，因为通过按住Ctrl并单击行来更好地呈现多项选择。

源代码太混乱，无法深入研究。有没有人这样做过并指出我正确的方法？

Answer 1

只需向 TR 添加一个单击事件并切换“选定”类（可以是您想要的任何类名或属性。关键方面是使用 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/