javascript - 如何通过javascript在thymeleaf中根据数据库进行复选框

Question

如何通过 JavaScript 检查 Thymeleaf 中的复选框？

这里我检查该行中是否有子字符串ROLE_USER或ROLE_ADMIN，并将 bool 值传递给th:checked中的Thymeleaf，但是复选框未激活...

模式引导中的复选框:

th:checked="${checked}"

JavaScript:

       var checked = false;
        if (userRoles.includes("ROLE_USER")) {
            checked = true;
            $("#modal-checkboxUser").val(checked);
            console.log(checked)
        }
        if (userRoles.includes("ROLE_ADMIN")) {
            checked = true;
            $("#modal-checkboxAdmin").val(checked);
            console.log(checked)
        }

Answer 1

使用 prop("checked", {bool})

$("#modal-checkboxUser").prop("checked", userRoles.includes("ROLE_USER")); 
$("#modal-checkboxAdmin").prop("checked", userRoles.includes("ROLE_ADMIN"));
console.log("ROLE_USER", $("#modal-checkboxUser").is(":checked"))
console.log("ROLE_ADMIN", $("#modal-checkboxAdmin").is(":checked"))