在jquery中添加父類元素的類

Question

我有一些li標籤，並且在每個li標籤中有類型radio的輸入標籤。 像

<li><input type='radio' value='cool' name='radiooption' id='2'>2</li> 
<li ><input type='radio' name='radiooption' value='cool1' id='3'>3</li> 
<li><input type='radio' value='cool' name='radiooption' checked="checked" id='4'>4</li> 
<li><input type='radio' value='cool' name='radiooption' id='5'>5</li> 

現在，如果我加載包含上述代碼的頁面，則對於第三立一個類將被添加由於相應的單選按鈕已被選擇。

Answer 1

$("input[name='radiooption']").on("change", function() { 
    $(this) 
     .parent() 
     .addClass("myClass") 
     .siblings() 
     .removeClass("myClass"); 
});​ 

DEMO：http://jsfiddle.net/kEfkY/

Answer 2

$('input[type="radio"]').click(function(){ 
$(this).parent().addClass('class'); 
}); 

順便說一句，你應該改變輸入你可能會得到問題的ID，所以將其更改爲像A1，A2，A3

Answer 3

$(function() { 
    $('input[name="radiooption"]').each(function() { 
     if (this.checked) $(this).closest('li').addClass('myClass'); 
    }); 
});