选中复选框时添加类的Javascript

Question

我有这段代码:

<div class="quote-box-col14">
<label for="seo" class="quote-service-seo">SEO</label>
<input type="checkbox" name="seo" id="seo" value="Y" class="checkbox-seo" />
</div>

有人可以帮忙编写一个 JavaScript，在选中复选框时添加类“selected”吗？

谢谢

Answer 1

这个 jQuery 会做:

$('#seo').change(function(){
    if($(this).is(":checked")) {
        $(this).addClass("checked");
    } else {
        $(this).removeClass("checked");
    }
});

参见 this jQuery fiddle一个工作示例。

编辑:

如果您也需要它在 IE 中工作，请改用 click 事件:

$('#seo').click(function(){
    if($(this).is(":checked")) {
        $(this).addClass("checked");
    } else {
        $(this).removeClass("checked");
    }
});