Javascript 在jquery中的两个单选按钮之间切换类

我知道这听起来是一个简单的问题，但由于某些原因，我现在无法理解。我的问题是，假设我的页面上有两个单选按钮：

<input type="radio" checked="checked" name=sport value="soccer" />
<input type="radio" name=sport value="basketball" />

我想做的是，如果我单击一个单选按钮，我想向它添加一个类名，如果我单击另一个单选按钮，我想向新单击的单选按钮添加同一个类，我想删除我添加到上一个单选按钮的类，依此类推

有什么想法吗？

试试这个

$("input[name='sport']").click(function(){
   $("input[name='sport']").removeClass('className');   
   $(this).addClass('className');
});

---

好吧，像这样的东西可以做到：

$('input:radio[name="sport"]').click(function() {
   $(this).addClass("yourclasshere")
          .siblings('input:radio[name="sport"]').removeClass("yourclasshere");
});

演示：

---

如果实际项目中的单选按钮实际上不是兄弟按钮（因为它们被包装在标签元素或其他东西中），那么按照Shankar Sangoli的回答进行操作。

我就是这样将我的单选按钮应用于任何单选选项的，因此每次都不必指定名称。我对这件事有点陌生，所以我相信有人会有话要说的。父项是一个标签，我用css作为按钮

$(".noradio").on('click', function(){
    var n=$(this).attr("name");
   $("input[name='"+n+"']").parent().removeClass('active').removeAttr('checked');  ;   
   $(this).parent().addClass('active').attr('checked', 'checked');
});

哦，还有，noradio是一个基于输入本身的类