如果选中单选按钮,则添加和删除类

Question

如果选中第二个单选按钮,我需要添加类,如果未选中radion按钮,则删除class.取消选中单选按钮时,它不起作用.

$(document).ready(function(){
                $('#second').on('change',function(){
                    if ($('#second').attr("checked", "checked")){
                    $(".drag_and_drop").addClass('collapse');
                    } else {
                        $(".drag_and_drop").removeClass('collapse');
                    }
                });
            });

http://jsfiddle.net/7aGEv/34/

Answer 1

你需要使用

$(document).ready(function(){
    $('input[name="test"]').on('change',function(){
        $(".drag_and_drop").toggleClass('collapse', this.checked && this.id == 'second');
    });
});

演示:小提琴

• $('#second').attr("checked", "checked")用于将值分配checked给checkedattibute,不检查是否checked属性=="检查"的,你需要$('#second').attr("checked") == "checked"
• 如果仅将更改事件注册到second那时,则在选择first后选择后不会触发更改事件second.因此,请注册单选按钮组的更改处理程序,并检查是否second已选中该按钮
• 您可以使用.toggleClass()来切换类赋值