动态表单 - 输入选择中消失的div

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

$('.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');
});