Javascript 高亮显示在列表框中选择/选中的行

我将RadListBox与来自DB的数据一起使用，我的目标是高亮显示RadListBox中选定的行，并将其保持高亮显示，直到用户更改其选择

我该怎么做

我用jQuery尝试了一下，但它对我不起作用

  <div style="border: 0px solid red;padding: 5px 5px 5px 5px;">
                            <telerik:RadListBox ID="rlbNavigateIncidents" runat="server" AutoPostBack="True"  CheckBoxes="True" ShowCheckAll="False" Width="239px" Height="315px" OnSelectedIndexChanged="rlbNavigateIncidents_OnSelectedIndexChanged" OnClientItemChecked="OnClientItemChecked">
                        </telerik:RadListBox>
                        </div>





//============================== //
// Item Checked //
// ============================== //
function pageLoad() {
    $('li.rlbItem > label > input:checked').parent().parent().addClass("rlbSelected");
}


function OnClientItemChecked(sender, args) {
    var el = args.get_item().get_element();
    if (args.get_item().get_checked()) {
        $(el).addClass("rlbSelected");
    }
    else {
        $(el).removeClass("rlbSelected");
    }
}

//============================== //
//检查项目//
// ============================== //
函数pageLoad（）{
$（'li.rlbItem>label>input:checked'）.parent（）.parent（）.addClass（“rlbSelected”）；
}
函数onclientemchecked（发送方，参数）{
var el=args.get_item（）.get_element（）；
if（args.get_item（）.get_checked（））{
$（el）.addClass（“rlbSelected”）；
}
否则{
$（el.removeClass（“rlbSelected”）；
}
}

如果仅在加载初始页面时绑定列表框，则在OOB中应该会发生这种情况。这样，它就不应该重新绑定，控件集合应该保持不变，所以选择不应该改变。将此作为基本示例：

    <telerik:RadListBox runat="server" ID="RadListBoxSource" Height="200px" Width="200px"
        AllowTransfer="true" TransferToID="RadListBoxDestination">
        <Items>
            <telerik:RadListBoxItem Text="Argentina"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Australia"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Brazil"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Canada"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Chile"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="China"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Egypt"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="England"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="France"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Germany"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="India"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Indonesia"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Kenya"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="Mexico"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="New Zealand"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="South Africa"></telerik:RadListBoxItem>
            <telerik:RadListBoxItem Text="USA"></telerik:RadListBoxItem>
        </Items>
    </telerik:RadListBox>
    <telerik:RadListBox runat="server" ID="RadListBoxDestination" Height="200px" Width="200px">
    </telerik:RadListBox>
    <asp:Button ID="Button1" Text="postback" runat="server" />

---

您是想预先选择一个值，还是页面上的另一个事件导致列表框重新绑定？