html 使用javascript来实现 。如果 下拉框 需求单名称为1，单选框<div class="form-group"> <label class="col-sm-2 control-label">检查员类别：</label> <div class="col-sm-9"> <div class="radio-box" th:each="dict : ${@dict.getType('xqd_jcy_lb')}"> <input type="radio" th:id="${'fenlei_' + dict.dictCode}" name="fenlei" th:value="${dict.dictValue}" th:checked="${dict.default}"> <label th:for="${'fenlei_' + dict.dictCode}" th:text="${dict.dictLabel}"></label> </div> </div> </div> 检查员类别只能选11,12,13,14,15,其它不可见。需求单名称为2，检查员类别只能选12,其它不可见。需求单名称为3，检查员类别只能选12,其它不可见。需求单名称为4，检查员类别只能选13,其它不可见。需求单名称为5，检查员类别只能选14,其它不可见。需求单名称为6，检查员类别只能选15,其它不可见。需求单名称为7，检查员类别只能选11,12,13,14,15,其它不可见。需求单名称为8，检查员类别只能选11,12,13,14,15,其它不可见。需求单名称为9，检查员类别只能选11,12,13,14,15,其它不可见。需求单名称为10，检查员类别只能选32,其它不可见。需求单名称为11，检查员类别只能选21,22,其它不可见。需求单名称为12，检查员类别只能选21,22,其它不可见

。首先，需要在页面中加入一个下拉框，用来选择需求单的名称：

<div class="form-group">
  <label class="col-sm-2 control-label">需求单名称：</label>
  <div class="col-sm-9">
    <select id="xqd_name" class="form-control">
      <option value="1">需求单1</option>
      <option value="2">需求单2</option>
      <option value="3">需求单3</option>
      <option value="4">需求单4</option>
      <option value="5">需求单5</option>
      <option value="6">需求单6</option>
      <option value="7">需求单7</option>
      <option value="8">需求单8</option>
      <option value="9">需求单9</option>
      <option value="10">需求单10</option>
      <option value="11">需求单11</option>
      <option value="12">需求单12</option>
    </select>
  </div>
</div>

然后，在页面加载完毕后，通过 JavaScript 监听下拉框选择事件，根据选择的需求单名称来动态设置检查员类别单选框的可见性：

$(document).ready(function() {
  // 监听下拉框选择事件
  $('#xqd_name').change(function() {
    var xqd_name = $(this).val();
    // 根据需求单名称设置检查员类别单选框的可见性
    switch (xqd_name) {
      case '1':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '11' || fenlei == '12' || fenlei == '13' || fenlei == '14' || fenlei == '15') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
      case '2':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '12') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
      case '3':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '12') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
      case '4':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '13') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
      case '5':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '14') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
      case '6':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '15') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
      case '7':
      case '8':
      case '9':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '11' || fenlei == '12' || fenlei == '13' || fenlei == '14' || fenlei == '15') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
      case '10':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '32') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
      case '11':
      case '12':
        $('input[name="fenlei"]').each(function() {
          var fenlei = $(this).val();
          if (fenlei == '21' || fenlei == '22') {
            $(this).parent().show();
          } else {
            $(this).parent().hide();
          }
        });
        break;
    }
  });
});

在上述代码中，我们使用了 jQuery 库来简化 DOM 操作。在每个需求单名称下的 case 语句中，我们根据对应的需求单名称来遍历检查员类别单选框，根据对应的选择条件来设置单选框的可见性。需要注意的是，我们使用了 `parent()` 方法来获取单选框的父元素，因为单选框本身是不可见的。