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
时间: 2023-07-19 12:26:03 浏览: 123
这个问题是关于根据需求单名称限制检查员类别的实现,可以使用 JavaScript 在下拉框选中时动态地改变单选框的可选项。以下是实现的代码示例:
```
// 获取需求单名称下拉框元素和检查员类别单选框元素
var selectElem = document.getElementById("xqdmc");
var radioElems = document.getElementsByName("fenlei");
// 监听需求单名称下拉框选中事件
selectElem.addEventListener("change", function() {
// 获取需求单名称选中值
var selectedValue = selectElem.value;
// 根据需求单名称选中值改变检查员类别单选框可选项
switch (selectedValue) {
case "1":
setRadioOptions(["11", "12", "13", "14", "15"]);
break;
case "2":
setRadioOptions(["12"]);
break;
case "3":
setRadioOptions(["12"]);
break;
case "4":
setRadioOptions(["13"]);
break;
case "5":
setRadioOptions(["14"]);
break;
case "6":
setRadioOptions(["15"]);
break;
case "7":
case "8":
case "9":
setRadioOptions(["11", "12", "13", "14", "15"]);
break;
case "10":
setRadioOptions(["32"]);
break;
case "11":
setRadioOptions(["21", "22"]);
break;
case "12":
setRadioOptions(["21", "22"]);
break;
default:
setRadioOptions([]);
break;
}
});
// 函数:设置检查员类别单选框可选项
function setRadioOptions(options) {
for (var i = 0; i < radioElems.length; i++) {
var radioElem = radioElems[i];
if (options.indexOf(radioElem.value) >= 0) {
radioElem.disabled = false;
} else {
radioElem.disabled = true;
radioElem.checked = false;
}
}
}
```
在这个示例中,我们首先获取需求单名称下拉框元素和检查员类别单选框元素,然后监听需求单名称下拉框的选中事件。在事件处理函数中,我们根据需求单名称选中值使用 switch 语句来改变检查员类别单选框的可选项,最后调用一个自定义的函数 setRadioOptions 来实现设置单选框可选项和禁用选项的功能。
阅读全文