동적 양식 - 입력 선택

Question

<form> 
     <div class ="choose_level"> 
      <div class="row> 
      <input id='level_1 tier1' name='signup_context[type_level]'     type='radio' value='1'> 
      <input id='level_2 tier1' name='signup_context[type_level]' type='radio' value='2'> 
      </div> 
     </div> 

     <div class='choose_style tile center hidden' data-behavior=''> 
      <div class="row> 
      <input id='level_3 ' name='signup_context[type_level2]'     type='radio' value='3'> 
      <input id='level_4' name='signup_context[type_level2]' type='radio' value='4'> 
      </div> 
     </div> 
</form> 

및 JQuery와 사용자가이 제 DIV에 두 개의 라디오 버튼들 중 하나를 선택

$('.choose_level.radio').click(function() { 
    $(.choose_level).addClass('hidden'); 
    $(.choose_style).removeClass('hidden'); 
}); 

그것이 사라 새로운 옵션을 포함하는 다음 DIV를에 소실 된 div 나타나야합니다.

Answer 1

$('.choose_level input[type="radio"]').on('change', function() { 
    $('.choose_level').addClass('hidden'); 
    $('.choose_style').removeClass('hidden'); 
});