jQuery UI 多选小部件清除所有复选框

jQuery UI Multiselect widget clear all check boxes

本文关键字:清除 复选框 小部 UI jQuery      更新时间:2023-09-26

希望很快...

我需要在我的页面上一个单独按钮的点击事件中触发 uncheckAll 事件,我已经尝试了以下方法:

$('.masterProviderOrgsListBox').multiselect().uncheckAll();

但这不是一种公认的方法。我基本上想触发与单击标题中的"取消选中全部"框时触发的相同方法。

我以前是这样做的:

$('.masterProviderOrgsListBox option:selected').removeAttr("selected");

但这会删除实际多选而不是 jQuery UI 小部件上的选择。

在文档中找不到任何内容,有什么想法吗?

方法

初始化实例后,通过调用 以下任一方法:

// example: $("#multiselect").multiselect("method_name");

。可以在方法下的小部件文档中找到

$("#multiselect").multiselect("uncheckAll");

1)首先,您需要设置控件的默认值。

jQuery('#multiselect').val("");
2)然后,执行以下代码以重置控件。

jQuery('#multiselect').multiselect("refresh");

$("#multiselectoption:selected").removeAttr("selected");
$("#multiselect").multiselect('refresh');

清除下拉列表后应调用刷新。