jquery - 在 Jquery 中，当选中单选按钮时，如何更改 css 样式或切换单选按钮标签的类？

Question

我在一个组中有一堆单选按钮，每个单选按钮都有自己的标签:

<label>
<input type="radio" class="lstradio" name="photonum" value="4" id="photonum_1" />
4</label>

我还有这些与悬停配合使用的标签的 css:

label {
font-family: sans-serif;
font-size: 20px;

}
label:hover {
background-color: #FF6; 
}

我的问题:当我的单选按钮输入被选中时，如何使用 jQuery 切换标签的 css 样式或类？

这是场景:

在每个字段集中都有许多单选按钮，想法是仅更改每个字段集中选中的单选按钮的标签的 css 样式...

也许我需要摆弄blur()函数？

这是示例: http://jsfiddle.net/ykK2s/2/

Answer 1

<label for="photonum">
    <input type="radio" class="lstradio" name="photonum"
           value="4" id="photonum_1" />
4</label>


<script>
    $('input.lstradio').change(function(){
        var that = $(this);

        if(that.attr('checked')) {
            var selector = 'label[for="' + that.attr('name') + '"]';

            $(selector).addClass('someclass');
        }
    });
</script>

http://jsfiddle.net/DN4Nu/1/