jQuery - 라디오 버튼을 확인

Question

jQuery 내 강한 측면 :-) 나는 내 기능을 새 기능을 추가하는 방법을 모르겠다. 라디오 값을 확인하면 html로 hided div 표시하고 싶습니다. 이제 스크립트 쇼 사업부는 내가 라디오 버튼을 클릭 할 때 :

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('input[type="radio"]').click(function(){ 
     var inputValue = $(this).attr("value"); 
     var targetBox = $("." + inputValue); 
     $(".box").not(targetBox).hide(); 
     $(targetBox).show(); 
     }); 
    }); 
</script> 

Answer 1

제안 사항 .checked를 마크했지만 그것은 - 당신이

$(document).ready(function(){ 
 
     $('input[type="radio"]').click(function(){ 
 
     if($(this).prop("checked")) { 
 
      var inputValue = $(this).attr("value"); 
 
      var targetBox = $("." + inputValue); 
 
      $(".box").not(targetBox).hide(); 
 
      $(targetBox).show(); 
 
    \t  } 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
AA - <input type="radio" name="test" value="aa" checked="checked"/><br> 
 
BB - <input type="radio" name="test" value="bb" /><br> 
 
CC - <input type="radio" name="test" value="cc" /><br> 
 

 
<div class="box aa" style="display: none">BOX AA</div> 
 
<div class="box bb" style="display: none">BOX BB</div> 
 
<div class="box cc" style="display: none">BOX CC</div>

클릭해야 DIV를 보여 나던

Answer 2

당신은

$(document).ready(function(){ 
 
     $('input[type="radio"]').click(function(){ 
 
     if($(this).prop("checked")) { 
 
      var inputValue = $(this).attr("value"); 
 
      var targetBox = $("." + inputValue); 
 
      $(".box").not(targetBox).hide(); 
 
      $(targetBox).show(); 
 
    \t  } 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
AA - <input type="radio" name="test" value="aa" /><br> 
 
BB - <input type="radio" name="test" value="bb" /><br> 
 
CC - <input type="radio" name="test" value="cc" /><br> 
 

 
<div class="box aa" style="display: none">BOX AA</div> 
 
<div class="box bb" style="display: none">BOX BB</div> 
 
<div class="box cc" style="display: none">BOX CC</div>

다음이 코드를 참조하십시오이

if($(".radio").prop("checked")) { 
    /*means that is checked*/ 
} 

로 확인하실 수 있습니다 확인 라디오 버튼인지