jquery html/css：添加一個'關閉'按鈕到我添加的div上.click

Question

新來jquery這裏，現在我有一個工作隱藏/顯示功能，當一個單選按鈕被選中。但是，在我選擇一個單選按鈕後，無法取消選擇所有選項並隱藏div。理想的情況下，我想添加一個小'X'，用戶可以點擊它來重置我的單選按鈕和汽車的數量，我想你們可能知道我的意思。非常感謝您的幫助！

HTML

<div id="myRadioGroup"> 

    2 Cars<input type="radio" name="cars" value="2" /> 

    3 Cars<input type="radio" name="cars" value="3" /> 

    <div id="Cars2" class="desc"> 
     2 Cars Selected 
    </div> 
    <div id="Cars3" class="desc"> 
     3 Cars 
    </div> 
</div> 

jQuery的

$(document).ready(function() { 
    $("div.desc").hide(); 

    $("input[name$='cars']").click(function() { 
     var test = $(this).val(); 

     $("div.desc").hide(); 
     $("#Cars" + test).show(); 
    }); 
}); 

http://jsfiddle.net/VgAgu/1/

Answer 1

這是回答您要找的內容嗎？

<a href="" onclick="$('input:checked').removeAttr('checked'); 
    $('.desc').hide();return false;">Reset</a> 

Answer 2

HTML：

<a class='close'>Close</a> 

的jQuery：

$('a.close').live('click', function(){ 
    $("input[name$='cars']").attr('checked', ''); 
    $("div.desc").hide(); 
});