Programmatically 'unselect' a jQuery UI selectable widget

Question

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

Alexander Bird · Accepted Answer · 2014-04-21 18:16:08Z

17

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.

edited Apr 21, 2014 at 18:16

answered Dec 20, 2010 at 19:29

Alexander Bird

41k44 gold badges133 silver badges163 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

thangcao Over a year ago

by this way, seem it does not raise "unselected" event :(

Md. Over a year ago

I think the proper way with latest jquery-ui is, $('#selectable').data("ui-selectable")._mouseStop(null);

kb_ · Accepted Answer · 2018-05-21 01:47:06Z

1

The accepted answer only unselects visually. It doesn't trigger the unselected callback.

This can be used instead:

$(".ui-selected").each(function(i,e){
  $(".selector").selectable("triggerunselect",e);
});

answered May 21, 2018 at 1:47

kb_

1318 bronze badges

Comments

Alberto Costa · Accepted Answer · 2019-07-15 15:51:47Z

0

You could destroy and reinit the current "selectable" instance.

For instance like this:

$("#selectable-area").selectable("destroy");

then

$("#selectable-area").selectable();

answered Jul 15, 2019 at 15:51

Alberto Costa

1352 silver badges7 bronze badges

Collectives™ on Stack Overflow

Programmatically 'unselect' a jQuery UI selectable widget

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related