jQuery plugin enabling multi-selection of table rows.
(Demo)
Apply to the table or tbody containing the selectable rows:
$("table").multiselectable();
// or
$("tbody").multiselectable();
The markSelected and markUnselected options define functions to call when the selection changes. By default, the selected class is added or removed.
$("table").multiselectable({
markSelected: function($row) {
$row.css("background-color", "yellow");
},
markUnselected: function($row) {
$row.css("background-color", "white");
}
});
The consumers option is a selector for elements that consume click events. By default, these are a, button, input, and select elements. The row selection will not be altered when the event target is a consumer.
You may provide a callback function that receives a jQuery set of currently selected rows whenever the selection changes. The individual rows are marked before the callback is invoked.
$("table").multiselectable({}, function($selectedRows) {
alert($selectedRows.size() + " rows selected.");
});