Javascript jquery在单选按钮上应用css类

我有3个单选按钮。我需要做的是，当选择一个单选按钮时，我需要在它后面的文本上应用我的css类名行

  <span> <input type="radio" name="group1" value="Milk">  Milk </span> 

我需要把我的课程应用到牛奶上 当用户选择其他单选按钮时，相同的类应用于其他单选按钮文本，但从上一个单选按钮中删除类。这就是我尝试的

<style type="text/css">
    .line{
        text-decoration: line-through;
         }
</style>

<script type="text/javascript">
$(document).ready(function(){
   $("input[type='radio']").change(function(){
      if($(this).is(':checked'))
          //i wana do this
           $(this).addClass('line');
         //if another is selected so do this
           $(this).removeClass('line');
      });
   });

---

由于需要将类添加到范围中，因此可以使用从单选按钮访问范围。要从其他span元素中删除该类，只需在将该类添加到刚选定的span之前，从所有具有该类的元素中删除该类：

$("input[type='radio']").change(function() {
   if(this.checked) {
      $('span.line').removeClass('line');
      $(this).parent().addClass('line');
   }
});

这是一个例子

---

请注意使用this.checked而不是您使用的jQuery版本。在可能的情况下使用本机DOM属性要快得多。

因为需要将类添加到span，所以可以使用单选按钮访问span。要从其他span元素中删除该类，只需在将该类添加到刚选定的span之前，从所有具有该类的元素中删除该类：

$("input[type='radio']").change(function() {
   if(this.checked) {
      $('span.line').removeClass('line');
      $(this).parent().addClass('line');
   }
});

这是一个例子

请注意使用this.checked而不是您使用的jQuery版本。在可能的情况下，使用本机DOM属性要快得多

$("input[type='radio']").change(function() {
   if(this.checked) {
      $('span.line').removeClass('line');
      $(this).parent().addClass('line');
   }
});