jquery - 引导多选

Question

我正在使用 David bootstrap multiselect 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) {

                    }
                });

以及即使选中复选框，它的外观和外观应该如何

编辑： 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/