需要在選擇單選按鈕時更改（父母）的類別。 jQuery的

Question

我的HTML代碼

<td valign="top" class="padtop10 appgreyunselect"> 
    <input name="raddate" type="radio" value="trans-date" class="resmarpad rad" /> Transaction Date 
</td> 
<td valign="top" class="padtop10 appgreyunselect"> 
    <input name="raddate" type="radio" value="collect-date" class="resmarpad rad" /> Collection Date 
</td> 

我的js代碼

$("#myForm input").click(function(){ 
    if($('input[name=raddate]:checked')){ 
     $(this).parent().removeClass('appgreyunselect').addClass('fontwht11'); 
    } else { 
     $(this).parent().removeClass('fontwht11').addClass('appgreyunselect'); 
    } 
}); 

實際寫入正在做完美的東西的代碼，但是這不是我想要的， 如果未選擇則標籤會回到以前的類（appgreyunselect）。但他們仍然是白色的。 請幫忙...

Answer 1

關於更改單選按鈕刪除fontwht11類和添加appgreyunselect到.padtop10。如果選中單選按鈕，則刪除appgreyunselect類，並將fontwht11添加到父級，如下所示。

$("#myForm input").change(function() { 
    $('.padtop10').removeClass('fontwht11').addClass('appgreyunselect'); 

    if ($(this).is(':checked')) { 
     $(this).parent().removeClass('appgreyunselect').addClass('fontwht11'); 
    } 
});