javascript - Jquery Multiselect - 手动触发事件？

Question

我正在使用来自: http://abeautifulsite.net/notebook/62 的 jquery 多选控件

我需要在特定事件上通过 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属性，然后再设置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;" />