html添加页面判断如果下拉框<select name="xqdmc" id="xqdmc" class="form-control m-b" th:with="type=${@dict.getType('xqk_mc_xqd')}" required> <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> </select>值为1 , 复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选的值为11,12,13,14,15并默认是选中状态,其它值不可选,如果下拉框id="xqdmc"的值为10, 复选框<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}"> <label th:each="dict : ${type}" class="check-box"> <input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"> </label> </div>可选的值为32并默认是选中状态,其它值不可选
时间: 2023-07-06 11:04:13 浏览: 123
页面做判断
你可以使用 JavaScript 在页面加载时检查下拉框和复选框的值,并根据条件设置它们的状态。
首先,你需要在 HTML 页面中引入一个 JavaScript 文件。例如:
```html
<script src="path/to/your/script.js"></script>
```
然后,在 JavaScript 文件中,你可以使用以下代码来检查下拉框的值,并根据条件设置复选框的状态:
```javascript
// 获取下拉框元素
var xqdmc = document.getElementById("xqdmc");
// 如果下拉框的值为 1
if (xqdmc.value == "1") {
// 获取复选框元素
var fenlei = document.getElementsByName("fenlei");
// 遍历所有复选框
for (var i = 0; i < fenlei.length; i++) {
// 如果复选框的值为 11、12、13、14 或 15,则设置为选中状态
if (fenlei[i].value == "11" || fenlei[i].value == "12" || fenlei[i].value == "13" || fenlei[i].value == "14" || fenlei[i].value == "15") {
fenlei[i].checked = true;
}
// 否则,设置为不可选状态
else {
fenlei[i].disabled = true;
}
}
}
// 如果下拉框的值为 10
else if (xqdmc.value == "10") {
// 获取复选框元素
var fenlei = document.getElementsByName("fenlei");
// 遍历所有复选框
for (var i = 0; i < fenlei.length; i++) {
// 如果复选框的值为 32,则设置为选中状态
if (fenlei[i].value == "32") {
fenlei[i].checked = true;
}
// 否则,设置为不可选状态
else {
fenlei[i].disabled = true;
}
}
}
// 否则,将所有复选框设置为不可选状态
else {
var fenlei = document.getElementsByName("fenlei");
for (var i = 0; i < fenlei.length; i++) {
fenlei[i].disabled = true;
}
}
```
这段代码首先获取下拉框元素,并检查它的值。如果下拉框的值为 1,则遍历所有复选框,如果它们的值为 11、12、13、14 或 15,则设置为选中状态,否则设置为不可选状态。如果下拉框的值为 10,则遍历所有复选框,如果它们的值为 32,则设置为选中状态,否则设置为不可选状态。如果下拉框的值不是 1 或 10,则将所有复选框设置为不可选状态。
你可以将这段代码保存为一个 JavaScript 文件,然后在 HTML 页面中引入它。当页面加载时,它会自动运行,并设置复选框的状态。
阅读全文