How to deselect all selected values from bootstrap-multiselect with reset button?

user_5503224 0
Viewed 5774
I am having issues when trying to select the element which contains all the selected values.

For example: if you select by id such as

$('#campaign-select').multiselect('refresh'),

it is not doing anything. Why is that?

Please see jsFiddle

FIXED IT!

$('#filter-reset-btn').on('click', function () {

               $('#campaigns-select').multiselect('rebuild');
               /* resetting the select element to refresh*/
               $('#campaigns-select,#sites-select,#mdmadservers-select,#ratetypes-select option:selected').each(function () {

                   $(this).prop('selected', false);

               })

               $('#campaigns-select,#sites-select,#mdmadservers-select,#ratetypes-select').val([]).multiselect('refresh')



           });

Here is updated to jsFiddle

bootstrap-multiselect twitter-bootstrap jquery javascript
3 Answers

try it!

$('#campaign-select').multiselect({
     buttonWidth: 330,
     includeSelectAllOption: true,
     allSelectedText: 'Clean all',
     onSelectAll: function (options) {
        $("#campaign-select").multiselect("clearSelection");
     }
});

Or adding Reset button

$('#campaigns-select').multiselect({
   buttonWidth: 330,
   enableResetButton: true,
   resetText: "Clean"
});

Print 01 Print 02

user_57539040
Related