Select / 在 Thymeleaf 中使用 jQuery 取消选择所有复选框

Question

I am trying to add the function of selecting and deselecting all fields.我正在尝试添加选择和取消选择所有字段的 function。 What I have now doesn't work for me and I don't know why?我现在拥有的对我不起作用，我不知道为什么？ Does anyone know why?有谁知道为什么？

.....
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://igoradamenko.github.io/awsm.css/css/awsm.min.css">
    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
    <title>Report</title>
    <script>
        $("#selectAll").click(function() {
            $("input[type=checkbox]").prop("checked", $(this).prop("checked"));
        });
    </script>
</head>
....

 <label for='selectAll'><input id="selectAll" type="checkbox">Select All </label>
            <input checked="checked" type="checkbox">Test</label>
            <label th:each="item : ${userConfig.isEnableMap}">
                <input checked="checked" type="checkbox" th:text="${item.key}" th:field="*{isEnableMap['__${item.key}__']}"/>
            </label>

I added changes and it works now我添加了更改，现在可以使用

<script>
    $(document).ready(function () {
        $("#selectAll").change(function () {
            $("input:checkbox").prop('checked', $(this).prop("checked"));
        });
    });
</script>

Answer 1

You can try:你可以试试：

$("input[type=checkbox]").prop("checked",true);

Select / 在 Thymeleaf 中使用 jQuery 取消选择所有复选框

问题描述

1 个解决方案

解决方案1
0 2021-12-29 08:42:28

Select / 在 Thymeleaf 中使用 jQuery 取消选择所有复选框

问题描述

1 个解决方案

解决方案1 0 2021-12-29 08:42:28

解决方案1
0 2021-12-29 08:42:28