Jquery Multiselect - 이벤트를 수동으로 트리거 하시겠습니까?

Question

다음에서 jquery multiselect 컨트롤을 사용하고 있습니다 : http://abeautifulsite.net/notebook/62

자바 스크립트를 통해 특정 이벤트를 수동으로 확인해야합니다.

클릭 속성을 변경하거나 클릭을 트리거 할 때마다 클릭 기능을 명시 적으로 호출 할 때마다 확인란이 선택되지만 CSS는 변경되지 않으며 텍스트 상자는 현재 선택된 요소로 새로 고쳐지지 않습니다 (s).

예 : 자바 스크립트 코드로 'TRA'값이있는 확인란을 선택하고 올바르게 동작하는지 확인하려면 어떻게해야합니까?

<input class="multiSelect" type="text" style="cursor: default;" value="" readonly="readonly"/> 

<div class="multiSelectOptions" style="position: absolute; z-index: 99999; display: none;"> 
    <label class="selectAll"> 
     <input class="selectAll" type="checkbox"/> 
     (All) 
    </label> 
    <label> 
     <input type="checkbox" value="ADP" name="Attributes"/> 
     Adaptation 
    </label> 
    <label> 
     <input type="checkbox" value="TRA" name="Attributes"/> 
     Translation 
    </label> 
</div> 

Answer 1

click 이벤트를 트리거하기 전에 checked 속성을 설정 한 다음 checked 속성도 설정해야하는 것처럼 보입니다. 본인은 그것으로 보는 것, 이에 앞서 다음

Working Example

관련 jQuery를 코드

$(function() { 
    $('#sample').multiSelect(); 
    $('#check').click(function() { 
     $('input[type="checkbox"][value="TRA"]') 
      .attr('checked',true) 
      .trigger('click') 
      .attr('checked',true); 
    }); 
    $('#uncheck').click(function() { 
     $('input[type="checkbox"][value="TRA"]') 
      .attr('checked',false) 
      .trigger('click') 
      .attr('checked',false); 
    }); 
}); 

관련 HTML

<select id="sample" multiple="multiple"> 
    <option value=""/> 
    <option value="ADP">Adaptation</option> 
    <option value="TRA">Translation</option> 
</select> 
<br/> 
<input id="check" type="button" value="Check TRA" style="margin-left: 250px; width: 100px;" /> 
<br/> 
<input id="uncheck" type="button" value="Uncheck TRA" style="margin-left: 250px; width: 100px;" />