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

這是一個古老的線程，但過這個問題有人來 - 這裏是限制入選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'); 
});