Tengo una página con varias casillas de verificación.
Cada registro incrusté casillas de verificación durante meses y el botón VERIFICAR TODO al final. Cuando selecciono este botón, todas las casillas de verificación de todos los meses de un registro específico deben estar seleccionadas. ¿Cómo puedo hacer esto?
Prueba esto
$(document).ready(function(){ $('#select_all').on('click',function(){ if(this.checked){ $('.checkbox').each(function(){ this.checked = true; }); }else{ $('.checkbox').each(function(){ this.checked = false; }); } }); $('.checkbox').on('click',function(){ if($('.checkbox:checked').length == $('.checkbox').length){ $('#select_all').prop('checked',true); }else{ $('#select_all').prop('checked',false); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- check box value for input --> 1<input type="checkbox" class="checkbox" name="checkboxlist" value=""/> 2<input type="checkbox" class="checkbox" name="checkboxlist" value=""/> 3<input type="checkbox" class="checkbox" name="checkboxlist" value=""/> 4<input type="checkbox" class="checkbox" name="checkboxlist" value=""/> <br><br> <!-- check box for check all --> <span>select all:</span> <input type="checkbox" id="select_all" />