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。