jQuery selectable list

jQuery plugin to enable single or multiple row selection of the HTML table. Select individual rows by clicking them, or use Shift + mouse click for multiple selection.

Usage

    $(function(){
        $("#my-table").selectableList({
            selectedClass: "selected", -- the CSS class assigned to selected rows
            checkSelector: "input[type=checkbox]", -- jQuery selector used to find the checkbox element within a row
            checkallSelector: "#checkall" -- jQuery selector used to find the "check all" checkbox element (in header)
        });
    });
    

These are the default option values, if you don't want to override them - use the shorter syntax:

    $(function(){
        $("#my-table").selectableList();
    });
    

Download

jquery.selectable-list.js

Demo