input type="radio"的change事件

根据预测类型（胜负/大小球），再显示胜负方向是（主队/客队，还是大球/小球）

<div class="step_padding">
  <p class="step_title">第三步:选择预测类型</p>
  <div>
          <label for="team_tab"><input id="team_tab" type="radio" name="types" checked="checked" value="胜负"/>胜负</label>
      <label for="big_tab" class="fr"><input id="big_tab" type="radio" name="types" value="大小球"/>大小球</label>
  </div>
</div>

<div class="step_padding">
  <p class="step_title">第四步:选择胜负方向</p>
  <div class="team_box">
          <label for=""><input type="radio" name="team" checked/>主队</label>
     <label for="" class="fr" ><input type="radio" name="team"/>客队</label>
  </div>
  <div class="ball_box hide">
          <label for=""><input type="radio" name="ball" checked/>大球</label>
     <label for="" class="fr" ><input type="radio" name="ball"/>小球</label>
  </div>
</div>

JS如下：

$('input[type=radio][name=types]').change(function() {
        var myvalue = $(this).val();
        if (myvalue =='胜负') {
            $('.team_box').removeClass('hide');
            $('.ball_box').addClass('hide');
        }else{
            $('.ball_box').removeClass('hide');
            $('.team_box').addClass('hide');
        }
    });