將課程添加到選定的單選按鈕

Question

如何向一組單選按鈕中的選定單選按鈕添加和移除課程？

<table class="radioClass" role="set1"><tbody><tr><td><input type="radio" value=" Yes " id="" name="j_id0:j_id37:j_id41"> label for="j_id0:j_id37:j_id41:0"> Yes </label></td><td><input type="radio" value=" No " id="" name="j_id0:j_id37:j_id41"<label for="j_id0:j_id37:j_id41:1"> No </label></td></tr></tbody></table> 

$(document).ready(function(){ 
    $("input[type='radio']").click(function(){ 
     var radioValue = $("input:checked").val(); 
     if(radioValue){ 
      //alert("Your are a - " + radioValue); 
      $("input:checked").toggleClass("checked"); 
     } 
    }); 

JSFiddle。

Answer 1

首先從所有單選按鈕中刪除checked類，然後添加到特定選定的一個。這是你如何能做到這一點：

if(radioValue){ 
    $("input[type='radio']").removeClass("checked"); 
    $(this).toggleClass("checked"); 
} 

DEMO

Answer 2

不應該有任何需要添加一個類。如果您想要選擇單選按鈕的樣式或使用jQuery訪問它，只需使用:checked僞選擇器。 jQuery documentation和W3C有更多的讀數。

然而，如果你仍然要做到這一點使用一個額外的類出於某種原因，這應該這樣做：

$("input[type=radio]").change(function() { 
    //Whenever a radio button is changed. 
    //Using click will not catch cases where it is changed for other reasons than clicks. 
    $("input[type=radio]") 
     .removeClass("checked") //Remove the class from all elements. 
     .filter(":checked")  //Filter out the checked ones. 
     .addClass("checked")  //Add the class to those. 
});