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>可选可见的值为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-02 18:04:41 浏览: 91
可以使用JavaScript实现这个功能。首先需要在下拉框的选项中添加一个onchange事件,当下拉框的值发生变化时触发该事件。代码示例如下:
```html
<select id="xqdmc" onchange="updateCheckboxes()">
<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 name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}">
</label>
</div>
```
接下来,需要编写一个JavaScript函数updateCheckboxes(),根据下拉框的值来更新复选框的可选状态和选中状态。代码示例如下:
```javascript
function updateCheckboxes() {
var xqdmc = document.getElementById("xqdmc");
var checkboxes = document.getElementsByName("fenlei");
for (var i = 0; i < checkboxes.length; i++) {
var value = checkboxes[i].value;
if (xqdmc.value == "1") {
if (value == "12" || value == "13" || value == "14" || value == "15") {
checkboxes[i].disabled = false;
} else {
checkboxes[i].disabled = true;
checkboxes[i].checked = false;
}
} else if (xqdmc.value == "10") {
if (value == "32") {
checkboxes[i].disabled = false;
checkboxes[i].checked = true;
} else {
checkboxes[i].disabled = true;
checkboxes[i].checked = false;
}
} else {
checkboxes[i].disabled = true;
checkboxes[i].checked = false;
}
}
}
```
这个函数首先获取下拉框和复选框的引用,然后根据下拉框的值来更新复选框的状态。如果下拉框的值为1,则12、13、14和15对应的复选框可选并默认选中,其它复选框不可选。如果下拉框的值为10,则32对应的复选框可选并默认选中,其它复选框不可选。如果下拉框的值不是1或10,则所有复选框都不可选。
阅读全文