添加类并根据检查的无线电删除类?

时间:2013-06-28 15:51:05

标签: jquery radio-button addclass removeclass

这是我的jsbin,http://jsbin.com/ugufi/11我删除了我删除该类的任何尝试,因为它只是保持警报未定义。

我的问题是当我将已检查的类添加到我的目标时(如上所述)无法删除目标类。

我不能使用父选择器或兄弟选择器,因为目标与我的嵌套无线电输入是分开的。

当选中新电台时,它会继续添加到课程前

<div class="radio1 radio2 radio3 radio4"></div>

我需要什么(我知道这很简单,但我不知道该使用什么)。

<div class="radio1"></div><!-- Radio input value with radio1 is checked -->

然后当我检查新的无线电输入时

<div class="radio4"></div><!-- Radio input value with radio4 is checked -->

1 个答案:

答案 0 :(得分:1)

这不是真的,你可以使用siblings方法,你的元素不必是所选元素的下一个兄弟。使用addClass您应该删除以前添加的类,您可以使用removeClass方法删除这些类,也可以通过设置新值来覆盖类属性/属性:

$('.moon-generator-attr').change(function() {
   var $this = $(this);  
   $this.siblings('.icon-wrap').find('a').attr('class', function(){
      return 'icon icon-' + $this.val();
   });
});

http://jsbin.com/ugufi/22