부트 스트랩 다중 선택에서도 onclick을 처리하는 방법은 무엇입니까?

Question

나는 드롭 다운을 가지고 있기 때문에 멀티 부팅을위한 부트 스트랩을 추가했습니다.

  <select id="selectoption" multiple="multiple"> 
       <option value="opt1">All</option> 
       <option value="opt2">all_content1</option> 
       <option value="opt2">all_content1</option> 
       <option value="opt3">all_content1</option> 
       <option value="opt4">all_content1</option> 
       <option value="opt5">all_content1</option> 
       <option value="opt6">all_content1</option> 
       <option value="opt7">all_content1</option> 
       <option value="opt8">all_content1</option> 
       <option value="opt9">separate_content1</option> 
       <option value="opt10">separate_content2</option> 
      </select> 

가 나는 부트 스트랩 다중 선택에서

$("#selectoption").multiselect(); 

그들이 내가 여기를 사용하지 않는 모든 옵션을 선택 자체가, 이런 식으로 다중 선택 추가했습니다. 나는 "opt8"까지 선택을 토글하는 "select-all"로직을 원한다. 도와주세요.

Answer 1

당신 같은이 할 수있는 모든 선택하려면 당신이 선택하는 모든 논리를 할 수 있습니다

:

$('#selectoption option').attr('selected', true); 

을하지만 당신은 클릭 로 될 것입니다 코드를 요청한 ALL :

$('option').click(function(){ 
 
    if($(this).val()=="opt1")  
 
     $("#selectoption").val(["opt2","opt3","opt4","opt5","opt6","opt7","opt8","opt9"]); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<select id="selectoption" multiple="multiple"> 
 
       <option value="opt1">All</option> 
 
       <option value="opt2">all_content1</option> 
 
       <option value="opt3">all_content1</option> 
 
       <option value="opt4">all_content1</option> 
 
       <option value="opt5">all_content1</option> 
 
       <option value="opt6">all_content1</option> 
 
       <option value="opt7">all_content1</option> 
 
       <option value="opt8">all_content1</option> 
 
       <option value="opt9">all_content1</option> 
 
       <option value="opt10">separate_content1</option> 
 
       <option value="opt10">separate_content2</option> 
 
      </select>

Answer 2

아마도 optgroup에 대한 특정 ID 또는 클래스와 함께 optgroup을 사용하여 데이터를 그룹화 할 수 있습니다. 하나 이상의 optgroup의 모든 요소를 ​​선택하는 것이 더 쉽습니다.

또는 select_all 기능으로 처리해야하는 모든 옵션 또는 optgroup에 단순히 "selectall"클래스를 추가하십시오.

<select id="selectoption" multiple="multiple"> 
      <option value="opt1">All</option> 
      <optgroup class="selectall" label="Group 1"> 
       <option value="opt2">all_content1</option> 
       <option value="opt2">all_content1</option> 
       <option value="opt3">all_content1</option> 
       <option value="opt4">all_content1</option> 
       <option value="opt5">all_content1</option> 
       <option value="opt6">all_content1</option> 
       <option value="opt7">all_content1</option> 
       <option value="opt8">all_content1</option> 
      </optgroup> 
      <optgroup label="Group 2"> 
       <option value="opt9">separate_content1</option> 
       <option value="opt10">separate_content2</option> 
      </optgroup> 
      <optgroup class="selectall" label="Group 3"> 
       <option value="opt9">separate_content1</option> 
       <option value="opt10">separate_content2</option> 
      </optgroup> 
     </select> 

감사