2011-10-23 12 views
1

ここでjqueryが新しくなりました。今では、1つのラジオボタンが選択されていると、ただし、ラジオボタンを選択すると、すべてのオプションの選択を解除してdivを非表示にする方法はありません。理想的には、ラジオボタンや車の量をリセットする小さな「X」をユーザーがクリックできるようにするのが理想的です。助けてくれてありがとう!jquery html/css:.clickに追加されたdivに「閉じる」ボタンを追加します。

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/

答えて

2

この回答はお望みのものですか?

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

HTML:

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

のjQuery:

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