我正在使用Bootstrap multiselect,我想添加一个选项以取消选中所有选中的选项。请为我提供相同的解决方案。感谢您的帮助:)bootstrap multiselect - 取消选中/取消选中所有选项,只需点击一下
回答
你可以用 “deselectAll” 的方法做到这一点。
$("select.multiselect").multiselect("deselectAll", false);
重要的是要告诉jQuery只针对你的“select”,否则会失败。这是因为该插件添加了具有相同类名的其他内容。
@ L_7337 - 这不是您链接到的帖子的副本。这篇文章是关于如何取消选择所有选项,如果你使用Bootstrap Multiselect
另一篇文章,是如何从正常的多选选项中取消选择。
问候 拉斯穆斯
仍然无法正常工作。 – csga5000
可以包括“全选”按钮,按下该两次将“全部不选”。 要做到这一点添加此选项:
includeSelectAllOption:true
这将deslect所有基于选择的元素上的引导多选。
function multiselect_deselectAll($el) { $('option', $el).each(function(element) { $el.multiselect('deselect', $(this).val()); }); } $('.multiselect').each(function() { var select = $(this); multiselect_deselectAll(select); });
您可以添加手,说:“全选”,然后当它压调用复位功能的选项。
请参见: https://github.com/davidstutz/bootstrap-multiselect/issues/271
试试这个:
$("#select_id option:selected").removeAttr("selected");
@dhh,用户已经解释了场景,并且已经有一个选定的答案不起作用。我发布的答案只是为了纠正选定的答案。用户没有给出任何代码场景,我可以帮助他进行这项工作。另外,我们不是在这里为人做功课吗?我们只是建议达到目标的方式/途径。无论如何,感谢您的宝贵意见。 – vohrahul
您可以使用.multiselect('refresh')
方法为bootstrap-multiselect
文档here中提到。
所以,接下来添加一个HTML按钮/图标多选择选择列表,然后使用下面的代码:
$("#reset_client").click(function(){
$('option', $('#select_client')).each(function(element) {
$(this).removeAttr('selected').prop('selected', false);
});
$("#select_client").multiselect('refresh');
});
<select name="clients[]" multiple="multiple" id="select_client" style="display: none;">
<option value="multiselect-all"> Select all</option>
<option value="1">Client 1</option>
<option value="2">Client 2</option>
<option value="3">Client 3</option>
<option selected="selected" value="4">Client 4</option>
<option selected="selected" value="5">Client 5</option>
<option value="6">Client 6</option>
<option selected="selected" value="7">Client 7</option>
<option value="8">Client 8</option>
</select>
<input type="button" value="Reset" name="reset_clients" id="reset_client" class="reset_button" title="Clear Selection">
如果你有以下多选:
<div class="form-group">
<label>Choose Skills</label>
<select id="DDL" name="selValue" class="selectpicker form-control" multiple>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
然后你可以用下面的jQuery来取消对按钮的点击所有选项:
$('#DDL').selectpicker("deselectAll", true).selectpicker("refresh");
的
- 1. Bootstrap Multiselect插件无法取消选中所有元素
- 2. bootstrap-select选择/取消选择所有选项点击不能触发事件?
- 3. TabHost:取消选中所有选项卡
- 4. 取消选中其中一个框取消选中所有框
- 5. Bootstrap multiselect - 在单击时取消选中/取消选中所有选项时触发事件'onSelectAll'或'onDeselectAll'(需要最佳方式)
- 6. 获取取消选项的值Multiselect
- 7. 取消选择或取消选择iOS 5中tabbar中的所有选项卡
- 8. 使只有复选框取消选中
- 9. jQuery - 取消选中所有项目
- 10. 取消选中所有复选框只能使用jquery一次
- 11. 从Bootstrap-Select下拉组件中取消选择任何选项
- 12. jQuery取消选中所有复选框
- 13. 取消选中所有复选框
- 14. javascript:取消选中所有复选框
- 15. 如果点击选中的项目防止取消选中
- 16. knockoutjs在取消选中一个或多个项目时取消选择/选中所有复选框
- 17. 选择/取消选中XAML中“CheckListBox”中的所有复选框
- 18. 选中/取消选中除一个复选框外的所有选项。
- 19. 如何取消选择多选部件中的所有选项
- 20. 检查/取消选中时,所有子复选框被选中/取消
- 21. 获取多选中的所有选项
- 22. 点击时选择/取消选择UIButton
- 23. 切换复选框选中/取消选中如果点击
- 24. 点击取消按钮时取消勾选复选框
- 25. 如何取消选中treeview节点中的所有复选框?
- 26. 使用jQuery取消所有的复选框,然后选中点击一个
- 27. 选中/取消选中CheckBoxList的所有项目在ASP.NET
- 28. iphone dev:取消选择(或取消选中)选定的选项卡项目
- 29. 点击取消选择之前选择的选项
- 30. 点击取消选中的收音机
可能重复的[快捷方式清除使用jQuery的多选启用
@ L_7337这是一个bootstrap多选,它不同。 – csga5000