html判断如果id="xqdmc"中xqdmc 的值为1 或2, 复选框<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或12并默认是选中状态其它值不可选
时间: 2023-07-06 21:04:01 浏览: 56
你可以使用JavaScript来实现这个功能。首先,获取id为"xqdmc"的元素的值,然后根据其值来判断是否显示复选框和设置默认选中状态。
HTML代码:
```
<div class="col-sm-9" id="checkboxes" th:with="type=${@dict.getType('xqd_jcy_lb')}" style="display:none;">
<label th:each="dict : ${type}" class="check-box">
<input name="fenlei" type="checkbox" th:value="${dict.dictValue}" th:text="${dict.dictLabel}">
</label>
</div>
```
JavaScript代码:
```
var xqdmcVal = document.getElementById("xqdmc").value;
if (xqdmcVal == "1" || xqdmcVal == "2") {
document.getElementById("checkboxes").style.display = "block";
var checkboxes = document.getElementsByName("fenlei");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].value != "12" && checkboxes[i].value != "13" && checkboxes[i].value != "14" && checkboxes[i].value != "15") {
checkboxes[i].disabled = true;
} else {
checkboxes[i].checked = true;
}
}
} else {
document.getElementById("checkboxes").style.display = "none";
}
```
这段代码会先获取id为"xqdmc"的元素的值,如果值为1或2,则显示复选框,并设置默认选中状态为12。如果值不是1或2,则隐藏复选框。对于复选框中不可选的选项,使用disabled属性来禁用。