JavaScriptラジオボタンと表示

Question

ラジオボタンで[はい]を選択すると、divを表示しようとしていますが、動作させることができません。私のコード：

<input id="y" type="radio" name="experience" value="y"/>Yes 
<input id="n" type="radio" name="experience" value="n"/>No 

<style type="text/css"> 
.desc { display: none; } 
</style> 

<div id="yes" class="desc"> 
<p>You have Wielding Experience!</p> 
</div> 

<div id="no" class="desc"> 
<p>You have no Wielding Experience!</p> 
</div> 

<script type="text/javascript"> 
$(document).ready(function(){   
$("input[name='experience']").click(function(){ 
    if ($("input[name='experience']:checked").val() == 'y') 
     $("#yes").show();  
    }); 
    }); 
</script> 

どこが間違っていますか？

Answer 1

inputでradioを置き換えます

$("input[name='experience']").click(function() { 
    if ($("input[name='experience']:checked").val() == 'y') { 
     $("#yes").show(); 
    } 
}); 

またthis exampleを参照してください。

PS：あなたが入力を使用しなければならないラジオボタンを選択し<input ... />...

Answer 2

（$（ "入力[名前= '経験']：チェックする"）のval（）== 'Y'。）場合、私は

を記述します（あれば代わりに

の

$（ "入力[名@ = '場所']：チェックする"）のval（）== 'Y'）

すなわち入力します@なしとラジオ

の実際の名前を使用してしかし、おそらく。平均

$(document).ready(function(){   
    $("input[name='experience']").click(function(e){ 
    if ($this).val() == 'y') { 
     $("#yes").show();  
     $("#no").hide();  
    } 
    else { 
     $("#no").show();  
     $("#yes").hide();  
    } 
    }); 
}); 

Answer 3

$('#y').click(function(){ 
    $('#yes').show(); 
}); 

Answer 4

ですべて<input ...>...</input>を置き換える：ラジオ[名@ = '経験']：その

$（ "入力のようなラジオだけでなく、ラジオ"）