使用JavaScript添加CSS类

我有下面的代码，通过在复选框中添加一个图像精灵，使复选框变得更加华丽

Javascript:

$(document).ready(function() {

    /* see if anything is previously checked and reflect that in the view*/
    $(".checklist input:checked").parent().addClass("selected");

    /* handle the user selections */
    $(".checklist .checkbox-select").click(
        function(event) {
            event.preventDefault();
            $(this).parent().addClass("selected");
            $(this).parent().find(":checkbox").attr("checked", "checked");
        }
    );

    $(".checklist .checkbox-deselect").click(
        function(event) {
            event.preventDefault();
            $(this).parent().removeClass("selected");
            $(this).parent().find(":checkbox").removeAttr("checked");
        }
    );
});

CSS:

标记：

<ul class="checklist">  
    <li>
        <asp:CheckBox ID="CheckBox1"  Text="<img src='' />Option" runat="server" />
        <a class="checkbox-select" href="#">Select</a> 
        <a class="checkbox-deselect" href="#">Cancel</a>
    </li>
</ul>

选中该复选框后，会将

class=“selected”

添加到

中。 问题在于，如果用户点击后退按钮，复选框仍处于选中状态（页面缓存），但css不会重新应用。我总是可以添加一些缓存控件，这样浏览器每次都会加载页面的新副本，这样复选框就不会被选中，但我更愿意将类重新应用于列表项

每个

都包装在asp.net面板中，该面板呈现为id为ct100\u contentplaceholder 1\u Panel1的div-如果选中该复选框，我将如何循环该面板中的每个复选框并重新附加css类

---

提前谢谢

您可以在加载时使用：

---

没有注意到你正在给

上课，修好了！

<ul class="checklist">  
    <li>
        <asp:CheckBox ID="CheckBox1"  Text="<img src='' />Option" runat="server" />
        <a class="checkbox-select" href="#">Select</a> 
        <a class="checkbox-deselect" href="#">Cancel</a>
    </li>
</ul>

$('.checklist :checked').parent().addClass('selected');