Bootstrap 引导程序多选默认情况下选中全选

hwamh0ep  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(256)

我使用bootstrap-multiselect(v0.9.8)和选项

includeSelectAllOption: true

是否可以在加载页面时默认选择所有要检查的项?
谢谢

ep6jt1vc

ep6jt1vc1#

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

});
7cwmlq89

7cwmlq892#

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

相关问题