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 19:04:43 浏览: 106
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
您可以使用JavaScript来实现这个功能。首先,您需要监听下拉框的值的变化,然后根据不同的值来修改复选框的可选性和选中状态。
HTML代码:
```html
<select id="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 name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}">
</label>
</div>
```
JavaScript代码:
```javascript
// 获取下拉框和复选框元素
const xqdmc = document.getElementById('xqdmc');
const checkboxes = document.querySelectorAll('input[name="fenlei"]');
// 监听下拉框的值的变化
xqdmc.addEventListener('change', function() {
// 获取下拉框的值
const value = xqdmc.value;
// 根据不同的值来修改复选框的可选性和选中状态
if (value === '1') {
checkboxes.forEach(function(checkbox) {
const value = checkbox.value;
if (value === '12' || value === '13' || value === '14' || value === '15') {
checkbox.disabled = false;
checkbox.checked = true;
} else {
checkbox.disabled = true;
checkbox.checked = false;
}
});
} else if (value === '10') {
checkboxes.forEach(function(checkbox) {
const value = checkbox.value;
if (value === '32') {
checkbox.disabled = false;
checkbox.checked = true;
} else {
checkbox.disabled = true;
checkbox.checked = false;
}
});
}
});
```
这段代码使用了`addEventListener`函数来监听下拉框的值的变化,然后在回调函数中根据不同的值来修改复选框的可选性和选中状态。对于每个复选框,使用`disabled`属性来控制它是否可选,使用`checked`属性来控制它是否选中。
阅读全文