jquery删除类在单选按钮

Question

我无法尝试从分组单选按钮中删除类。我有两组单选按钮。我想从同一组的所有单选按钮中删除类。

我的问题是类是从所有单选按钮或从无。 在这里你可以看到

http://jsfiddle.net/Tabes/awt158ep/9/

我曾尝试：

$this.parent().siblings('label') 
    .find('.panel_radio').removeClass('checked'); 

也：

$this.parent().siblings('label') 
    .find('input:radio[name=' + $this.attr('name') + ']').removeClass('checked'); 

，但他们都没有工作过

(function($){ 
$.fn.meRadioCheck = function() { 
    return this.each(function() { 

     var $this = $(this); 
     var $span = $('<span/>'); 

     $span.addClass('panel_'+ ($this.is(':checkbox') ? 'check' : 'radio')); 
     $this.is(':checked') && $span.addClass('checked'); // init 
     $span.insertAfter($this); 

     $this.parent('label').addClass('panel_label') 
     .attr('onclick', ''); // Fix clicking label in iOS 
     // hide by shifting left 
     $this.css({ position: 'absolute', left: '-9999px' }); 


     // Events 
     $this.on({ 
      change: function() { 
       $('input:radio[name=' + $this.attr('name') + ']').parent().removeClass('active'); 

       if ($this.is(':radio')) { 
        $this.parent().siblings('label') 
        .find('.panel_radio').removeClass('checked'); 
       } 
       $span.toggleClass('checked', $this.is(':checked')); 
       $this.parent().toggleClass('active', $this.is(':checked')); 
      }, 
      focus: function() { $span.addClass('focus'); }, 
      blur: function() { $span.removeClass('focus'); } 
     }); 
    }); 
}; 
})(jQuery); 

Answer 1

我已经添加了相同的name属性span元素：

var $this = $(this); 
var $span = $('<span/>'); 
var name = $this.attr("name"); 
$span.addClass('panel_'+ ($this.is(':checkbox') ? 'check' : 'radio')) 
    .attr("name", name); 

然后你可以从使用该名称属性.panel_radio元素删除选中类：

if ($this.is(':radio')) {      
    $this.parent().siblings('label') 
        .find('.panel_radio[name="'+ name +'"]') 
        .removeClass('checked'); 
} 

尝试fiddle here。