web-dev-qa-db-ja.com

デフォルトでチェックされているすべてを選択するブートストラップ複数選択

オプションでbootstrap-multiselect（v0.9.8）を使用します

 includeSelectAllOption: true

ページが読み込まれるときにデフォルトでチェックするすべてを選択することは可能ですか？

どうも。

twitter-bootstrapdefaultselectallbootstrap-multiselect
9
rozatrra

以下は http://davidstutz.github.io/bootstrap-multiselect/ から取得したもので、現在このソリューションをbootstrap 3.3.1 and bootstrap -multiselect v0.9.8最初にドロップダウンを開かなくてもすべてのオプションを選択できるようにするため、必ず 'selectAll'関数にfalseパラメーターを追加してください。

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

});
23
noahpc

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');
});
0
CFP Support