2014-01-21 3 views
0

나는 두 개의 jQuery UI 위젯을 사용하여 선택 항목을 추가하고 두 드롭 다운 위젯간에 총 5 개의 확인란을 선택할 수 있습니다. 5 번을 치면 사용자가 더 많은 상자를 확인하지 못하게 할 수 있지만 선택을 취소 할 수는 없습니다. 아래 코드는 아무런 제한을 두지 않습니다. 어떤 도움을 주시면 감사하겠습니다. 내가 사용JS - 2 multiselect 확인란 추가

UI 위젯 : http://www.erichynds.com/blog/jquery-ui-multiselect-widget

<select id="dropdown1" multiple="multiple" class="multiselect"> 
<select id="dropdown2" multiple="multiple" class="multiselect"> 

JS return true IF 제거

$(document).ready(function() { 
    $(".multiselect").multiselect({ 
     header: "Choose up to 5 areas total", 
     click: function (event, ui) { 
      if (!this.checked) return true; 

      if ($(".multiselect").children(":checked").length >= 5) { 
       return false; 
      } 
     }, 
     selectedList:5 
    }); 
}); 

만에 사용자는 선택을 취소에서 사용자 방지 5를 선택할 수있다.

+0

[jQuery UI MultiSelect Widget의 복제본 - 확인란을 선택 취소 할 수 없음] (http://stackoverflow.com/questions/21194696/jquery-ui-multiselect-widget-cant-uncheck-checkbox) –

답변

1

$(document).ready(function() { 
    $(".multiselect").multiselect({ 
     header: "Choose up to 5 areas total", 
     click: function (event, ui) { 

      if (!this.checked && $(".multiselect").children(":checked").length >= 5) { 
       return false; 
      } 
     }, 
     selectedList:5 
    }); 
}); 

사용자가 아닌 체크 박스를 클릭 한 경우 return false에 조건 만 충족 될이 방법을 사용해보십시오. 사용자가 확인란을 클릭하면 선택을 취소 할 수 있습니다.

+0

여전히 선택을 취소 할 수 없습니다. 5 후. – user3191137

+0

JSFiddle을 만들 수 있습니까? – marekful

+0

여러 소스를 사용하고 있기 때문에 확신 할 수 없습니다. js 파일을 드롭 다운 등 채우려면 – user3191137