JQuery selectable

back to resources

Making check box lists more attractive

download

Example without lt.selectable

Example with lt.selectable

As you can see, there are two different states available: hover state, and selected state.

You can see this script in action when you create a test request here

Example

$(document).ready(function() {
    $("#makeSelectable li").selectable(null, 5);
/* where null is the classes (in this case the default classes are used) and 5 represents the max number of items that can be selected (if null or no value is passed, infinite items can be selected)*/
});

Usage

You can specify the following options:

activeClass - this class is appended to a selected item. The default value is "lt_selectable_active"

hoverClass - this class is appended to an item when the mouse if over it. The default value is "lt_hover_active"

showCheckbox - this is a boolean value that determines if the checkboxes should be displayed or not. The default value is "false"

maxSelect - this is the last parameter, after the options are passed in. If it's set, it will not allow the user to select more items.

Download

download