Bootstrap multiselect默认选中全部选中

时间:2014-10-23 10:04:51

标签: twitter-bootstrap default selectall bootstrap-multiselect

我使用带选项

的bootstrap-multiselect(v0.9.8)
 includeSelectAllOption: true 

当加载页面时,默认情况下可以选择全部选中吗?

THX。

2 个答案:

答案 0 :(得分:21)

以下内容摘自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');

});

答案 1 :(得分:0)

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