jQuery UI Multiselect

Question

Я использую этот скрипт jQuery UI Multiselect: http://www.quasipartikel.at/multiselect/index.html в проекте, и мне нужно немного помочь с ним. Как ограничить максимальное количество элементов, которые можно выбрать ... до 10 элементов, скажем так !?

Спасибо!

Answer 1

Может быть, это поможет вам:

$("select").multiselect({ 
    header: "Choose only TEN items!", 
    click: function(e){ 

     if($(this).multiselect("widget").find("input:checked").length > 10) 
     { 
      return false; 
     } 
     else 
     { 
      return true; 
     } 

    } 
}); 

Answer 2

это старый поток, но для всех, кто приходит на эту проблему - вот официальный метод, чтобы ограничить количество CheckBox строк, выбранных для Hynds версии

ПРИМЕЧАНИЕ. Я рекомендовал бы класс сообщений для пользователей, которые попытаются выбрать больше максимально допустимого. Кроме того, «> 10» подсчитывается из ZERO '0', являющегося значением индекса кулака, что означает выбор 0,1,2,3, ... 9 = 10 максимум в этом примере.

Ответ:

var warning = $(".message"); 

$("select").multiselect({ 
    header: "Choose only TEN items!", 
    click: function(e){ 
     if($(this).multiselect("widget").find("input:checked").length > 10){ 
      warning.addClass("error").removeClass("success").html("You can only check ten checkboxes!"); 
      return false; 
     } else { 
      warning.addClass("success").removeClass("error").html("Check a few boxes."); 
     } 
    } 
}); 

Answer 3

Обратите внимание, что вы можете также отключить оставшиеся элементы, как только вы достигли максимума вы хотите выбран, это не позволит пользователю добавить больше, таким образом, имея эффект, который вы хотите :

$('#multiselect').bind('multiselectChange', function(evt, ui) { 
    var selectedCount = $("option:selected", this).length; 

    $(this) 
     .find('option:not(:selected)').prop('disabled', selectedCount >= MAXIMUM_SELECTED_HERE).end() 
     .multiselect('refresh'); 
});