jQueryの複数選択 - 手動トリガ・イベント？

Question

http://abeautifulsite.net/notebook/62私はからjqueryの複数選択コントロールを使用していますA>

私は、手動で特定のイベントにJavaScriptでのオプションのいずれかをチェックする必要があります。

私がチェックした属性を変更したり、クリックをトリガーしようとするたびに、

など明示的にクリック機能を呼び出して、私のチェックボックスがオンになりますが、CSSが変更されることはありませんし、テキストボックスが現在選択されている要素（複数可）でリフレッシュされることはありませんます。

例： 私はjavascriptのコードで「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

あなたのクリックイベントをトリガする前にチェック属性を設定して、あまりにも後checked属性を設定する必要があると思われます。私はさらにそれに見に行くが、その間に、ここでのソリューションですよ。

の 実施例のの

関連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;" />