javascript验证如果选择了收音机，则需要下拉菜单

Question

我的表单中有一个包含 3 个元素的无线电场。颜色、袖子、尺寸

根据收音机选择，我显示/隐藏 3 个选择框。选择 - 颜色类型红色、蓝色、绿色等选择 - 袖型全袖、半袖、无袖选择 - 尺寸类型小号、中号、大号、特大号 如果以下选项之一，我如何强制选择字段选择了相关的收音机示例：如果选择了彩色收音机，则下拉颜色类型是必填字段，否则，如果选择了收音机袖子，则选择下拉袖子类型，依此类推。

 <script type="text/javascript">

  function showLayer(layerName)

  {

    document.getElementById(layerName).style.display="block";

  }

  function hideLayer(layerName)

  {

  document.getElementById(layerName).style.display="none";

  }

</script>

<form method="post" action="" name="rregister" id="rregister">

    <div>

      <label><input type="radio"  name="ctype" id="color" value="color" onclick="showLayer('hlayer1'); hideLayer('hlayer2'); hideLayer('hlayer3');" required>Color</label>

      <label><input type="radio" name="ctype" id="sleeve" value="sleeve" onclick="showLayer('hlayer2'); hideLayer('hlayer1'); hideLayer('hlayer3');">Sleeve</label>

      <label><input type="radio" name="ctype" id="size" value="size" onclick="showLayer('hlayer3'); hideLayer('hlayer2'); hideLayer('hlayer1');">Size</label>

    </div>

    <div id="hlayer1" style="display: none;">

      <select id="colortype" name="colortype">

        <option value="" selected="selected">Color</option>

        <option value="red">red</option>

        <option value="blue">blue</option>

        <option value="green">green</option>

        <option value="yellow">yellow</option>

      </select>

    </div>

    <div id="hlayer2" style="display: none;">

      <select id="sleevetype" name="sleevetype">

        <option value="" selected="selected">Sleeve </option>

        <option value="Half">Half</option>

        <option value="Full">Full</option>

        <option value="Sleeveless">Sleeveless</option>

      </select>

    </div>