twitter-bootstrap - Boostrap 多选全选默认选中

Question

我使用带有选项的引导多选（v0.9.8）

 includeSelectAllOption: true 

加载页面时是否可以默认选中所有选项？

谢谢。

Answer 1

以下内容取自http://davidstutz.github.io/bootstrap-multiselect/，我目前正在将此解决方案与 bootstrap 3.3.1 和 bootstrap-multiselect v0.9.8 一起使用，请务必将 false 参数添加到 'selectAll ' 功能允许您选择所有选项而无需先打开下拉菜单。

示例 HTML：

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

示例 javascript：

$(function() {

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

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

});

Answer 2

使用 bootstrap-select V.1.12.4，解决方案更简单：

示例 HTML：

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

示例 javascript：

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