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

jquery html / css：在.click上添加了一个“关闭”按钮给我的div

2 个答案: