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>