jQuery UI Multiselect widget clear all check boxes

Question

Hopefully a quick one...

I need to fire the uncheckAll event in the click event of a separate button on my page, I have tried the following:

$('.masterProviderOrgsListBox').multiselect().uncheckAll();

but this isnt a recognised method. I basically want to fire the same method that is fired when you click the "Uncheck All" box in the header.

I was previously doing this:

$('.masterProviderOrgsListBox option:selected').removeAttr("selected");

but this removes the selections on the actual multiselect rather than the jQuery UI widget.

Couldnt find anything in the documentation, any ideas?

Answer 1

Methods

After an instance has been initialized, interact with it by calling any of these methods:

// example: $("#multiselect").multiselect("method_name");

...which can be found in the widgets documentation under Methods

$("#multiselect").multiselect("uncheckAll");

Answer 2

1) first, you need to set default value of the control.

jQuery('#multiselect').val("");

2) Then, execute below code to reset the control.

jQuery('#multiselect').multiselect("refresh");

Answer 3

$("#multiselectoption:selected").removeAttr("selected");
$("#multiselect").multiselect('refresh');

refresh should be call after clearing the drop down.