selectpicker默认选择all

Question

我正在使用selectpicker 插件.现在我尝试默认选择所有选项,或者至少选择一个按钮来选择所有选项而无需在下拉列表中单击.

目前,演示仅在单击下拉列表时有效,然后单击按钮.

任何的想法？

$('.selectpicker').selectpicker();


$(".btn_clk").click(function () {
    $('.selectpicker').selectpicker('selectAll');
});

http://jsfiddle.net/tpnw96ed/

Answer 1

现在有默认方式向 selectpicker 添加“全选”和“取消全选”按钮。您应该使用选项data-actions-box="true"来启用按钮并重data-select-all-text="Select all buttton name" data-deselect-all-text="Deselect all button name"命名它们

Answer 2

该线程中的解决方案对我有用。

这是插件的更新代码：

boostrapt-select.js中的第 888 行和第 895 行

selectAll: function () {
  this.findLis();
  this.$lis.not('.divider').not('.disabled').not('.selected').not('.hide').find('a').click();
},

deselectAll: function () {
  this.findLis();
  this.$lis.not('.divider').not('.disabled').filter('.selected').not('.hide').find('a').click();
},

.filter(':visible') 请注意现在的 更改.not('.hide')