2012-05-17 65 views
6

希望一個快速...jQuery UI的複選插件清除所有複選框

我需要火在一個單獨的按鈕的點擊事件uncheckAll事件我的網頁上,我曾嘗試以下:

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

但這不是一個公認的方法。我基本上想要觸發與點擊標題中的「取消全部選中」框相同的方法。

我以前這樣做:

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

但是這消除了對實際多選而非jQuery UI的插件的選擇。

找不到任何文檔中的任何想法?

+0

您使用哪個插件?沒有jQuery UI Multiselect AFAIK。 –

+0

這是一個:http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ –

+0

你可以使用JavaScript方法來檢查你的多選的所有成員?併爲每個;如果selected = true,則通過設置selected = false來還原選擇 – mhan

回答

11

方法

實例已初始化後,通過調用 上述任何一種方法與它交互:

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

...它可以發現小工具documentation根據方法

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

Brilliant - 謝謝 –

+0

調用** refresh()**方法的示例 - 要在打開下拉菜單時清除seach輸入字段,請將此內部的'open'事件處理程序 - '$(「。ui-widget-header input [type = search]」)。val(「」); $(本).multiselect( 「刷新」);' –

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

刷新應清除下來的下降後調用。

1

1)首先,您需要設置控件的默認值。

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

2)然後,執行下面的代碼來重置控件。

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