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

Question

我知道这听起来像一个简单的问题,但由于某种原因,我现在无法弄明白.我的问题是这个,假设我的页面上有两个单选按钮:

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

我想要做的是,如果我点击一个单选按钮,我想为它添加一个类名,如果我点击另一个单选按钮,我想将相同的类添加到新单击的单选按钮和我想要删除我添加到上一个的类,依此类推....

有什么好主意吗？

Answer 1

试试这个.

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

演示