2012-05-17 39 views
6

Hy vọng một cách nhanh chóng ...jQuery UI Multiselect phụ tùng rõ ràng tất cả các hộp kiểm tra

tôi cần phải bắn các sự kiện uncheckAll trong trường hợp một nút bấm riêng biệt trên trang của mình, tôi đã thử như sau:

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

nhưng đây không phải là phương pháp được công nhận. Về cơ bản tôi muốn bắn cùng một phương thức được kích hoạt khi bạn nhấp vào hộp "Bỏ chọn tất cả" trong tiêu đề.

trước đây tôi đã làm điều này:

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

nhưng này loại bỏ các lựa chọn trên multiselect thực tế chứ không phải là widget jQuery UI.

Bạn không thể tìm thấy bất kỳ điều gì trong tài liệu, bất kỳ ý tưởng nào?

+0

Bạn đang sử dụng plugin nào? Không có giao diện người dùng jQuery Multiselect AFAIK. –

+0

Đây là cái này: http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ –

+0

Bạn có thể sử dụng phương pháp javascript để kiểm tra tất cả các thành viên của đa lựa chọn của bạn không? và cho mỗi người; nếu được chọn = true, sau đó hoàn nguyên lựa chọn bằng cách thiết lập được chọn = false – mhan

Trả lời

11

Phương pháp

Sau một thể hiện đã được khởi tạo, tương tác với nó bằng cách gọi bất kỳ các phương pháp:

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

... có thể được tìm thấy trong các tiện ích documentation dưới Phương pháp

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

Brilliant - Cảm ơn –

+0

Ví dụ về cách gọi phương thức ** refresh() ** - Để xóa trường nhập tìm kiếm khi mở menu thả xuống, hãy đặt điều này bên trong trình xử lý sự kiện 'open' - '$ (". đầu vào ui-widget-header [type = search] "). val (" "); $ (this) .multiselect ("làm mới"); ' –

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

làm mới phải được gọi sau khi xóa menu thả xuống.

1

1) trước tiên, bạn cần đặt giá trị mặc định của điều khiển.

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

2) Sau đó, thực hiện bên dưới mã để đặt lại điều khiển.

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

Các vấn đề liên quan