라디오 버튼 숨기기 및 표시 div jquery

Question

두 가지 가능한 값이있는 라디오 버튼이 있습니다. 예 또는 아니오. 사용자가 예를 누르면 div가 나타나고 아무도 div를 숨기고 싶습니다.

내 코드는하지만 작동하지 않습니다

<script type="text/javascript"> 
        $(document).ready(function() { 
        $("div.desc").hide(); 
        $("input[name$='pain']").click(function() { 
        var test = $(this).val(); 
        $("div.desc").hide(); 
        $("#" + test).show(); 
        }); 
        }); 
       </script> 

     <div id="fieldsetInner"> 
       <fieldset class="rightInner"> 
       <legend>pain</legend> 
       <label for="pain" class="label2">do you feel pain ; </label> 
       <input name="pain" type="radio" value="yes" id="yes" checked="checked"/> Yes &nbsp; 
       <input name="pain" type="radio" value="no"/> No 

       <div id="yes" class="desc"> 
       <label for="pain-feature1-morph" class="label2">Morph : </label> 
       </div> 
      </div> 

사전에 감사

Answer 1

당신은 내가이 당신에게

<input name="pain" type="radio" value="yes" id="yes"/> Yes 
    <input name="pain" type="radio" value="no" id="no" /> No 


    $('input:radio[name=pain]').click(function() { 
     if ($('#yes').attr('checked')) { 
      $('.desc').show(); 
      } else if ($('#no').attr('checked')) { 
      $('.desc').hide(); 
      } 

     }); 

Answer 2

할 수 중복 된이 있습니다.HTML에서 표시하려는 div와 '예'라디오 버튼에 모두 '예'라는 ID가 있습니다. ID는 문서에서 고유해야합니다.

당신이 당신의 HTML을 수정 한 후,이 일을해야 -

$(document).ready(function() { 
    $("input[name$='pain']").change(function() { 
     var test = $(this).val(); 
     $("div.desc").hide(); 
     if ($("div#" + test).length > 0) $("div#" + test).show(); 
    }) 
}); 

데모 - http://jsfiddle.net/mSLeA/

Answer 3

을 도움이되기를 바랍니다

$("input#yes").click(function() { 
    $("div.desc").show(); 
}); 
$("input#no").click(function() { 
    $("div.desc").show(); 
});