0

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

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

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

请问有什么想法吗?

4

3 回答 3

6

试试这个。

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

演示

于 2012-01-28T04:50:52.993 回答
3

好吧,这样的事情可以做到:

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

演示:http: //jsfiddle.net/yH6ur/

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

于 2012-01-28T04:51:13.573 回答
1

这就是我应用任何单选选项的方式,因此我不必每次都指定名称。我对此有点陌生,所以我相信有人会对此有话要说。父级是一个标签,我将 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 是输入本身的一个类。

于 2014-07-04T04:32:30.450 回答