jquery更改（this）.parent的狀態在無線電選擇

Question

道歉，如果這已被問及之前。

我有一個腳本，當選中複選框時，它會從父級添加/刪除一個類。工作正常。

但是，當我將複選框更改爲無線電（在腳本和HTML中）時，腳本僅將該類添加到父級 - 當選擇另一個無線電時，它不會將其刪除。

對不起，我是非常新的JS，並不能解決這個問題。

Fiddle here http://jsfiddle.net/RussellJones/Lh1ymzax/1/ 

而複選框的自定義類是基於這個codepen，這就是爲什麼HTML格式化的原因。 http://codepen.io/lavoiesl/pen/rjcIx

感謝您給予的任何幫助！

Answer 1

您可以使用.siblings()找到兄弟姐妹並刪除他們的班級。還有兩件事：

1）而不是使用.parent().parent().parent().，您可以簡單地使用.closest()並通過您定位的類。這將通過DOM向上遍歷並找到您要查找的class。它也仍然會如果添加另一名家長到您的HTML

2）的工作，你不需要一個else語句現在，因爲你會從其他.selectable-row上點擊

$(document).ready(function() { 
    $('input:radio').change(function(){ 
    if($(this).is(":checked")) { 
     $(this).closest(".selectable-row").addClass("selected-row").siblings(".selectable-row").removeClass("selected-row"); 
    } 
    }); 
}); 

FIDDLE在去除類

正如Jack指出的那樣，您可以通過在您的CSS中將overflow設置爲auto或hidden對.selectable-row進行更正。更新我的小提琴來反映。