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(); 
});