Estoy tratando de agregar la función de seleccionar y deseleccionar todos los campos. Lo que tengo ahora no me sirve y no se porque? ¿Alguien sabe por qué?
..... <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>Agregué cambios y ahora funciona.
<script> $(document).ready(function () { $("#selectAll").change(function () { $("input:checkbox").prop('checked', $(this).prop("checked")); }); }); </script>Puedes probar :
$("input[type=checkbox]").prop("checked",true);