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

若选中第二个单选按钮，我需要添加类；若未选中radio按钮，我需要删除类。当单选按钮未选中时，它不工作

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

您需要使用

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

演示：

• $（'#second'）.attr（“checked”，“checked”）

  用于将值

  checked

  分配给

  checked

  属性，而不是检查

  checked

  属性是否为您需要的

  $（'#second'）.attr（“checked”）=“checked”

• 如果仅将更改事件注册到

  second

  ，则在选择

  second

  后选择

  first

  时，将不会触发更改事件。因此，为单选按钮组注册更改处理程序，并检查是否选中了

  second

  one
• 您可以使用切换类分配

您需要使用

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

演示：

• $（'#second'）.attr（“checked”，“checked”）

  用于将值

  checked

  分配给

  checked

  属性，而不是检查

  checked

  属性是否为您需要的

  $（'#second'）.attr（“checked”）=“checked”

• 如果仅将更改事件注册到

  second

  ，则在选择

  second

  后选择

  first

  时，将不会触发更改事件。因此，为单选按钮组注册更改处理程序，并检查是否选中了

  second

  one
• 您可以使用切换类分配

试试这个：

   $('input[name="test"]').on('change',function(){
     if ($('#second').is(":checked")){$(".drag_and_drop").addClass('collapse');} else {      $(".drag_and_drop").removeClass('collapse');
   }});

试试这个：

   $('input[name="test"]').on('change',function(){
     if ($('#second').is(":checked")){$(".drag_and_drop").addClass('collapse');} else {      $(".drag_and_drop").removeClass('collapse');
   }});

您可以试试这个

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

你可以试试这个

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

---

更改事件选择器。试着这样做：

$(document).ready(function(){

    $('input:[name="test"]').on('change',function(){
                    if ($('#second').attr("checked")){
                       $(".drag_and_drop").addClass('collapse');

                    } else {
                        $(".drag_and_drop").removeClass('collapse');

                    }
                });
       });

---

更改事件选择器。试着这样做：

$(document).ready(function(){

    $('input:[name="test"]').on('change',function(){
                    if ($('#second').attr("checked")){
                       $(".drag_and_drop").addClass('collapse');

                    } else {
                        $(".drag_and_drop").removeClass('collapse');

                    }
                });
       });

---

请发布您的HTMLI添加的fiddle with code请发布您的HTMLI添加的fiddle with code我尝试使用您的示例，但控制台显示未捕获的语法错误：意外标记@user3127896 fiddle似乎工作正常，不是吗。。。。你能分享一下你是如何复制代码的吗？我试着用你的例子，但控制台上说的是未捕获的SyntaxError:Unexpected token@user3127896小提琴似乎工作得很好，不是吗。。。。你能分享一下你是如何复制代码的吗