Actualmente tengo un formulario que construí que tiene 3 casillas de verificación grandes, cuando se seleccionan, alternan el botón continuar debajo de ellas, https://staging-homecarepulse.kinsta.cloud/demo-select/ este es el enlace para que pueda verificarlo .

Actualmente estoy tratando de agregar una funcionalidad al formulario que cuando hace clic en un enlace de otra página, preselecciona la casilla de verificación según el enlace seleccionado.

Pude encontrar un script que me permite configurar un enlace con un hash ( https://staging-homecarepulse.kinsta.cloud/demo-select/#checkbox1 ) pero mi problema es que no puedo activar el botón de continuar cuando se accede al formulario de esta manera.

aquí está mi código

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ var hash = location.hash; if(hash=="#checkbox1"){ $("#checkbox1").prop("checked", !$("#checkbox1").prop("checked") ); // that toggles the checked state } }); </script> <script> $(document).on("change", ".mod-link", function() { var arr = [] $(".mod-link:checked").each(function() { arr.push($(this).val()); }) if (arr.length > 0) { $('#picture').attr('src', ''); } else { $('#picture').attr('src', 'https://staging-homecarepulse.kinsta.cloud/wp-content/uploads/2021/06/greyBTN.jpg'); } var vals = arr.join(",") var str = "/demo/?demo_request_type=" + vals; var link = arr.length > 0 ? '<a class="dynabtn" href="'+str+'">Continue</a>': '' ; $('.link-container').html(link); }); </script>

¿Alguien tiene alguna idea de cómo puedo usar enlaces como https://staging-homecarepulse.kinsta.cloud/demo-select/#checkbox1 para activar esa casilla de verificación y aún tener el botón continuar activado?