html判断如果下拉框id="xqdmc"中xqdmc 的值为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并默认是选中状态,其它值不可选,如果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 08:04:08 浏览: 151
您可以使用JavaScript来实现这个功能。首先,您需要在HTML中给下拉框和复选框添加id属性,如下:
```html
<select id="xqdmc" name="xqdmc">
<option value="1">1</option>
<option value="10">10</option>
</select>
<div class="col-sm-9" th:with="type=${@dict.getType('xqd_jcy_lb')}">
<label th:each="dict : ${type}" class="check-box">
<input id="fenlei" name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}">
</label>
</div>
```
然后,在JavaScript中获取下拉框和复选框的元素,根据下拉框的值来设置复选框的可选状态和默认选中状态,如下:
```javascript
var xqdmc = document.getElementById("xqdmc");
var fenlei = document.getElementById("fenlei");
// 根据下拉框的值来设置复选框的可选状态和默认选中状态
xqdmc.addEventListener("change", function() {
if (xqdmc.value == "1") {
// 可选的值为11,12,13,14,15并默认是选中状态,其它值不可选
fenlei.disabled = false;
var checkboxes = fenlei.getElementsByTagName("input");
for (var i = 0; i < checkboxes.length; i++) {
var checkbox = checkboxes[i];
checkbox.disabled = (checkbox.value != "11" && checkbox.value != "12" && checkbox.value != "13" && checkbox.value != "14" && checkbox.value != "15");
checkbox.checked = (checkbox.value == "11" || checkbox.value == "12" || checkbox.value == "13" || checkbox.value == "14" || checkbox.value == "15");
}
} else if (xqdmc.value == "10") {
// 可选的值为32并默认是选中状态,其它值不可选
fenlei.disabled = false;
var checkboxes = fenlei.getElementsByTagName("input");
for (var i = 0; i < checkboxes.length; i++) {
var checkbox = checkboxes[i];
checkbox.disabled = (checkbox.value != "32");
checkbox.checked = (checkbox.value == "32");
}
} else {
// 其它值不可选
fenlei.disabled = true;
var checkboxes = fenlei.getElementsByTagName("input");
for (var i = 0; i < checkboxes.length; i++) {
var checkbox = checkboxes[i];
checkbox.disabled = true;
checkbox.checked = false;
}
}
});
```
这样,当下拉框的值改变时,复选框的可选状态和默认选中状态也会相应地改变。
阅读全文