引导多选

Question

我正在使用 David bootstrap 多选 http://davidstutz.github.io/bootstrap-multiselect/，但我找不到在选中复选框时禁用标签修改的方法。例如。我的代码：

<select  multiple="multiple" name="more[]" id="more">
    <option value="Centres d'intérêt">Centres d'intérêt</option>
    <option value="Concession">Concession</option>
    <option value="Délai d'achat">Délai d'achat</option>
    <option value="Usage">Usage</option>
    <option value="Financement">Financement</option>
</select>

和 JS：

$('#more').multiselect({
                    includeSelectAllOption: false,
                    preventInputChangeEvent: true,
                    enableFiltering: true,
                    numberDisplayed: 1000,
                    maxHeight: 300,
                    nonSelectedText: "<span class='label-m'>{{ tran('admin/contacts/table.more') }}</span>",
                    allSelectedText: "<span class='label-m'>{{ tran('admin/contacts/table.more') }}</span>",
                    enableCaseInsensitiveFiltering: true,
                    templates:{
                        button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"  data-placement="bottom"></button>'
                    },
                    onChange: function(option, checked, select) {

                    }
                });

还有前面的how it looks 和how it should look even when checkbox is checked

编辑： jsfiddle 演示：http://jsfiddle.net/y7c9zus1/3/

感谢您的所有回答！

Answer 1

您可以使用buttonText 选项：

buttonText: function (options, select) {
    //you also can count the selected options here to do whatever you want
    return 'My fixed label';
}

http://jsfiddle.net/vcarvalho/y7c9zus1/4/