html中thymeleaf模板,添加页面,判断如果改变下拉框id="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> name="fenlei"重置，可选的值为11,12,13,14,15。并默认是选中状态,其它值不可选。判断如果改变下拉框id="xqdmc"的值为2 , 复选框 name="fenlei"重置，可选的值为12 ，并默认是选中状态,其它值不可选。判断如果改变下拉框id="xqdmc"的值为10, 复选框name="fenlei"重置,可选的值为32,并默认是选中状态,其它值不可选。判断如果改变下拉框id="xqdmc"的值为11, 复选框name="fenlei"重置,可选的值为21,22,并默认是选中状态,其它值不可选。判断如果改变下拉框id="xqdmc"的值为12, 复选框name="fenlei"重置,可选的值为21,22,并默认是选中状态,其它值不可选。

可以使用Thymeleaf中的条件判断语句来实现这个功能，具体实现步骤如下：

1. 在下拉框中绑定一个change事件，当下拉框的值改变时触发事件。

<select id="xqdmc" onchange="changeFenlei()">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="10">选项10</option>
    <option value="11">选项11</option>
    <option value="12">选项12</option>
</select>

2. JS代码中编写changeFenlei函数，根据下拉框的值动态改变复选框的可选项和默认选中状态。

<script th:inline="javascript">
    function changeFenlei() {
        var xqdmcVal = $("#xqdmc").val();
        var fenleiEl = $("input[name='fenlei']");
        fenleiEl.prop("checked", false); // 重置所有复选框的选中状态
        if (xqdmcVal == 1) {
            fenleiEl.each(function() {
                var val = $(this).val();
                if (val == 11 || val == 12 || val == 13 || val == 14 || val == 15) {
                    $(this).prop("disabled", false);
                    $(this).prop("checked", true);
                } else {
                    $(this).prop("disabled", true);
                }
            });
        } else if (xqdmcVal == 2) {
            fenleiEl.each(function() {
                var val = $(this).val();
                if (val == 12) {
                    $(this).prop("disabled", false);
                    $(this).prop("checked", true);
                } else {
                    $(this).prop("disabled", true);
                }
            });
        } else if (xqdmcVal == 10) {
            fenleiEl.each(function() {
                var val = $(this).val();
                if (val == 32) {
                    $(this).prop("disabled", false);
                    $(this).prop("checked", true);
                } else {
                    $(this).prop("disabled", true);
                }
            });
        } else if (xqdmcVal == 11 || xqdmcVal == 12) {
            fenleiEl.each(function() {
                var val = $(this).val();
                if (val == 21 || val == 22) {
                    $(this).prop("disabled", false);
                    $(this).prop("checked", true);
                } else {
                    $(this).prop("disabled", true);
                }
            });
        }
    }
</script>

3. 在复选框中添加Thymeleaf的循环语句，动态生成可选项。

<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}" th:checked="${dict.dictValue == '11' || dict.dictValue == '12' || dict.dictValue == '13' || dict.dictValue == '14' || dict.dictValue == '15'}">
    </label>
</div>

注意：Thymeleaf中的循环语句需要在标签上添加th:each属性，然后在其中使用${}语法引用变量值。Thymeleaf还支持条件判断语句，可以在标签上使用th:if等属性来实现。