在选择任何其他选项引导程序时取消选择默认选择答案

【问题标题】：Deselect default selection on selecting any other option bootstrap在选择任何其他选项引导程序时取消选择默认选择
【发布时间】：2017-07-31 09:52:01
【问题描述】：

我正在为我的下拉多选框使用 Bootstrap-select 插件 (https://silviomoreto.github.io/bootstrap-select/)。

我启用了一个在页面加载时勾选的默认选项。下图

<select id="dataPicker" class="selectpicker" multiple>
	<optgroup  >
		<option value="default" selected="selected">ALL</option>
	</optgroup>
	<optgroup ">
		<option value="failed">FAILED</option>
		<option value="running">RUNNING</option>
		<option value="completed">COMPLETED</option>
	</optgroup>
</select>

在上面的代码中，默认选择“ALL”。

我正在寻找一种行为，当用户选择“ALL”以外的任何选项时，“ALL”会自动被取消选择。

请帮忙。

【问题讨论】：

标签： javascript jquery twitter-bootstrap bootstrap-select bootstrap-selectpicker

【解决方案1】：

将 'data-actions-box="true"' 添加到您的选择元素。

<select class="selectpicker" multiple data-actions-box="true">
      <option>Mustard</option>
      <option>Ketchup</option>
      <option>Relish</option>
</select>

https://silviomoreto.github.io/bootstrap-select/examples/#selectdeselect-all-options

如果您想继续使用您的方法，那么您需要在选择项目事件上添加一个事件挂钩并检查该项目是否为“全部”项目并手动取消选择列表中的所有项目，反之亦然.

https://silviomoreto.github.io/bootstrap-select/methods/#selectpickerselectall

【讨论】：

【解决方案2】：

如果这对某人有帮助，答案可能是 jquery

$(document).on('change', '#dataPicker', function (e)
{
var select = $(this)[0];

if (select[0].selected) {

    $("#dataPicker").val([]).val('default').selectpicker("refresh");

}
});

【讨论】：