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,其它不可见。

对于这个问题，我理解你想要实现的功能是：根据不同的需求单名称，限制检查员类别的选项。可以通过在 JavaScript 中编写函数来实现这个功能。以下是一个简单的示例代码，供参考：

<!-- HTML代码 -->
<select id="demandName">
  <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 class="form-group">
  <label class="col-sm-2 control-label">检查员类别：</label>
  <div class="col-sm-9">
    <div class="radio-box">
      <input type="radio" id="fenlei_11" name="fenlei" value="11">
      <label for="fenlei_11">11</label>
    </div>
    <div class="radio-box">
      <input type="radio" id="fenlei_12" name="fenlei" value="12">
      <label for="fenlei_12">12</label>
    </div>
    <div class="radio-box">
      <input type="radio" id="fenlei_13" name="fenlei" value="13">
      <label for="fenlei_13">13</label>
    </div>
    <div class="radio-box">
      <input type="radio" id="fenlei_14" name="fenlei" value="14">
      <label for="fenlei_14">14</label>
    </div>
    <div class="radio-box">
      <input type="radio" id="fenlei_15" name="fenlei" value="15">
      <label for="fenlei_15">15</label>
    </div>
    <div class="radio-box">
      <input type="radio" id="fenlei_21" name="fenlei" value="21">
      <label for="fenlei_21">21</label>
    </div>
    <div class="radio-box">
      <input type="radio" id="fenlei_22" name="fenlei" value="22">
      <label for="fenlei_22">22</label>
    </div>
    <div class="radio-box">
      <input type="radio" id="fenlei_32" name="fenlei" value="32">
      <label for="fenlei_32">32</label>
    </div>
  </div>
</div>

<script>
  // JavaScript代码
  var demandName = document.getElementById('demandName');
  var fenlei11 = document.getElementById('fenlei_11');
  var fenlei12 = document.getElementById('fenlei_12');
  var fenlei13 = document.getElementById('fenlei_13');
  var fenlei14 = document.getElementById('fenlei_14');
  var fenlei15 = document.getElementById('fenlei_15');
  var fenlei21 = document.getElementById('fenlei_21');
  var fenlei22 = document.getElementById('fenlei_22');
  var fenlei32 = document.getElementById('fenlei_32');
  
  demandName.addEventListener('change', function() {
    var value = this.value;
    fenlei11.style.display = 'none';
    fenlei12.style.display = 'none';
    fenlei13.style.display = 'none';
    fenlei14.style.display = 'none';
    fenlei15.style.display = 'none';
    fenlei21.style.display = 'none';
    fenlei22.style.display = 'none';
    fenlei32.style.display = 'none';
    
    switch (value) {
      case '1':
        fenlei11.style.display = 'inline-block';
        fenlei12.style.display = 'inline-block';
        fenlei13.style.display = 'inline-block';
        fenlei14.style.display = 'inline-block';
        fenlei15.style.display = 'inline-block';
        break;
      case '2':
        fenlei12.style.display = 'inline-block';
        break;
      case '3':
        fenlei12.style.display = 'inline-block';
        break;
      case '4':
        fenlei13.style.display = 'inline-block';
        break;
      case '5':
        fenlei14.style.display = 'inline-block';
        break;
      case '6':
        fenlei15.style.display = 'inline-block';
        break;
      case '7':
        fenlei11.style.display = 'inline-block';
        fenlei12.style.display = 'inline-block';
        fenlei13.style.display = 'inline-block';
        fenlei14.style.display = 'inline-block';
        fenlei15.style.display = 'inline-block';
        break;
      case '8':
        fenlei11.style.display = 'inline-block';
        fenlei12.style.display = 'inline-block';
        fenlei13.style.display = 'inline-block';
        fenlei14.style.display = 'inline-block';
        fenlei15.style.display = 'inline-block';
        break;
      case '9':
        fenlei11.style.display = 'inline-block';
        fenlei12.style.display = 'inline-block';
        fenlei13.style.display = 'inline-block';
        fenlei14.style.display = 'inline-block';
        fenlei15.style.display = 'inline-block';
        break;
      case '10':
        fenlei32.style.display = 'inline-block';
        break;
      case '11':
        fenlei21.style.display = 'inline-block';
        fenlei22.style.display = 'inline-block';
        break;
      case '12':
        fenlei21.style.display = 'inline-block';
        fenlei22.style.display = 'inline-block';
        break;
      default:
        break;
    }
  });
</script>

在这个示例中，我们首先定义了一个下拉框，其中每个选项都有一个不同的值，代表不同的需求单名称。然后，我们定义了一组单选框，表示检查员类别的选项。每个单选框都有一个不同的值，表示不同的检查员类别。在 JavaScript 中，我们使用了 `addEventListener` 函数来为下拉框绑定了一个 `change` 事件，当选中的选项发生变化时，就会触发这个事件处理函数。在这个事件处理函数中，我们首先获取了当前选中的需求单名称，然后根据需求单名称的不同，显示或隐藏对应的检查员类别选项。具体的方法是使用 `style.display` 属性来设置单选框的显示方式，如果需要显示，就设置为 `inline-block`，如果需要隐藏，就设置为 `none`。这样就可以实现根据不同需求单名称限制检查员类别的选项了。