html 修改页回显。下拉框 需求单名称 。单选框<div class="form-group"> <label class="col-sm-2 control-label is-required">检查员类别：</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:field="*{fenlei}" required> <label th:for="${'fenlei_' + dict.dictCode}" th:text="${dict.dictLabel}"></label> </div> </div> </div> 。 需求单名称的值为1,检查员类别只能选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代码,只需正确回显

根据你的需求，可以生成如下的 JavaScript 代码：

$(document).ready(function() {
  var xqd_jcy_lb = document.getElementsByName("fenlei");
  var xqdmc = document.getElementById("xqdmc");

  function hideRadio() {
    for (var i = 0; i < xqd_jcy_lb.length; i++) {
      xqd_jcy_lb[i].parentNode.parentNode.style.display = "none";
    }
  }

  function showRadio(value) {
    hideRadio();
    switch (value) {
      case "1":
        document.getElementById("fenlei_11").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
        break;
      case "2":
        document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
        break;
      case "3":
        document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
        break;
      case "4":
        document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
        break;
      case "5":
        document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
        break;
      case "6":
        document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
        break;
      case "7":
        document.getElementById("fenlei_11").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
        break;
      case "8":
        document.getElementById("fenlei_11").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
        break;
      case "9":
        document.getElementById("fenlei_11").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
        break;
      case "10":
        document.getElementById("fenlei_32").parentNode.parentNode.style.display = "block";
        break;
      case "11":
        document.getElementById("fenlei_21").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_22").parentNode.parentNode.style.display = "block";
        break;
      case "12":
        document.getElementById("fenlei_21").parentNode.parentNode.style.display = "block";
        document.getElementById("fenlei_22").parentNode.parentNode.style.display = "block";
        break;
      default:
        break;
    }
  }

  hideRadio();
  showRadio(xqdmc.value);

  xqdmc.addEventListener("change", function() {
    showRadio(xqdmc.value);
  });
});

这段代码会在页面加载完成后执行，首先获取到需求单名称的下拉框和检查员类别的单选框。然后定义了两个函数：`hideRadio()` 和 `showRadio(value)`。`hideRadio()` 函数会将所有的检查员类别单选框隐藏，`showRadio(value)` 函数会根据需求单名称的值，显示对应的检查员类别单选框。最后，调用 `hideRadio()` 函数将所有的单选框隐藏，调用 `showRadio(xqdmc.value)` 函数根据当前需求单名称的值显示对应的单选框。同时，还为需求单名称的下拉框添加了 `change` 事件监听器，当选中的值发生改变时，会调用 `showRadio(value)` 函数来更新显示的单选框。