Select / 在 Thymeleaf 中使用 jQuery 取消選擇所有復選框

Question

我正在嘗試添加選擇和取消選擇所有字段的 function。 我現在擁有的對我不起作用，我不知道為什么？ 有誰知道為什么？

.....
<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>

我添加了更改，現在可以使用

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

Answer 1

你可以試試：

$("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