Programmatically 'unselect' a jQuery UI selectable widget

jquery jquery-ui jquery-ui-selectable
Derek Adair picture Derek Adair · Dec 20, 2010 · Viewed 9k times · Source

Is there a way to programmatically 'unselect' any and all selected elements for a given $("#selectable").selectable() widget?

Answer

Alexander Bird picture Alexander Bird · Dec 20, 2010

The following command works at http://jqueryui.com/demos/selectable/

$('#selectable .ui-selected').removeClass('ui-selected')

Since a class's existence defines if an item is selected, simply removing the item will deselect it.

Note, you can also take advantage of toggleClass and addClass functions.

EDIT:

Try this too: $('#selectable').trigger('unselected'). That might also trigger all the css changes as well, and this way the unselected event also gets triggered for whatever else may be hooked to it.

Related questions

jQuery UI Selectable - unselect selected item on click

Does anyone know if there's a way to configure a jquery ui selectable element to unselect the selected element when you click it? Sort of like a toggle. If it's already selected, unselect it, otherwise do the default behavior. Thanks.

Read More
jQuery UI sortable & selectable

Does anybody know how to combine jQuery UI selectable and sortable ? This script: http://nicolas.rudas.info/jquery/selectables_sortables/ doesn't work in Chrome and it also has plugin modifications.

Read More
Enable Shift-Multiselect in jQuery UI Selectable

I want to enable multiselect capabilities in a jQuery UI Selectable table by holding shift. I probably should do something like this if shift is held down on mouseclick Get topmost selected element Get clicked element Select all elements in …

Read More