CODEWITHSUNDEEP
twitter-bootstrapdefaultselectallbootstrap-multiselect
zmeul
zmeul

Reputation: 401

Bootstrap multiselect select all checked by default

i use bootstrap-multiselect (v0.9.8) with option

 includeSelectAllOption: true

it is posible that select all to be checked by default when page is loaded?

thx.

Upvotes: 13

Views: 39274

Answers (2)

Apps-n-Add-Ons
Apps-n-Add-Ons

Reputation: 2146

With bootstrap-select V.1.12.4, the solution is simpler:

Example HTML:

<select class="selectpicker" id="my-multi-select" name="options[]" multiple>
    <option>1</option>
    <option>2</option>
</select>

Example javascript:

$(function() {
    $('#my-multi-select').selectpicker({
    });
    $("#my-multi-select").selectpicker('selectAll');
});

Upvotes: 0

noahpc
noahpc

Reputation: 386

The following is taken from http://davidstutz.github.io/bootstrap-multiselect/, and I am currently using this solution with bootstrap 3.3.1 and bootstrap-multiselect v0.9.8 Be sure to add the false parameter to the 'selectAll' function as that permits you to select all the options without first opening the dropdown.

Example HTML:

<select class="multiselect" id="my-multi-select" name="options[]" multiple="multiple">
    <option>1</option>
    <option>2</option>
</select>

Example javascript:

$(function() {

    $('#my-multi-select').multiselect({
        includeSelectAllOption: true
    });

    $("#my-multi-select").multiselect('selectAll', false);
    $("#my-multi-select").multiselect('updateButtonText');

});

Upvotes: 31

Related Questions