twitter-bootstrapdefaultselectallbootstrap-multiselect

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.


Solution

  • 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');
    
    });