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'); 
});