单击单选按钮时,jQuery切换标签类

时间:2011-09-05 21:10:35

标签: jquery radio-button label toggleclass

我的单选按钮周围有一个标签,背景应该改变:hover和:focus

<label for="radio1" class="radio-blur">
<input name="job" id="radio1" value="1" type="radio"> Graphic Design</label>

我想将类从.radio-blur更改为.radio-focus

我有

    $(document).ready(function(){
        $('input:radio').click(function() {
            $(this).parent('label').toggleClass('.radio-focus');
        });  
    }); 

但它不起作用......请帮忙

1 个答案:

答案 0 :(得分:7)

删除班级中的点

$(this).parent('label').toggleClass('radio-blur radio-focus');

JSFiddle