Revisar la casilla de verificación en html

La solución más beneficiosa para Revisar casillas de verificación en archivos Html

El mercado de edición de documentos de hoy en día es enorme, por lo que encontrar una solución adecuada que satisfaga tus necesidades y tus expectativas de calidad-precio puede ser un proceso que consume tiempo y resulta pesado. No hay necesidad de pasar tiempo navegando por la web buscando un editor versátil pero fácil de usar para Revisar la casilla de verificación en el archivo Html. DocHub está aquí a tu disposición siempre que lo necesites.

DocHub es un editor de documentos en línea de renombre mundial, confiado por millones. Puede cumplir casi cualquier solicitud de los usuarios y cumple con todas las certificaciones de seguridad y cumplimiento necesarias para garantizar que tus datos estén seguros mientras modificas tu archivo Html. Considerando su rica y sencilla interfaz ofrecida a un precio asequible, DocHub es una de las opciones más beneficiosas que existen para una gestión de documentos optimizada.

Cinco pasos para Revisar la casilla de verificación en Html con DocHub:

Sube tu archivo a nuestro editor. Elige cómo prefieres - arrastrándolo y soltándolo en nuestro panel de carga, navegando desde tu dispositivo, la nube, o a través de una URL segura a un recurso de terceros.
Comienza a modificar tu archivo Html. Usa nuestra barra de herramientas arriba para escribir y editar texto, o insertar imágenes, líneas, íconos y comentarios.
Haz más ajustes a tu trabajo. Convierte tu documento Html en un formulario rellenable con áreas para texto, menús desplegables, iniciales, fechas y firmas.
Agrega firmas electrónicas legalmente vinculantes. Crea tu firma electrónica válida haciendo clic en el botón Firmar arriba y asigna Campos de Firma a todas las demás partes.
Comparte y guarda tu documento. Envía tu archivo Html actualizado a otras personas como un archivo adjunto de correo electrónico, por fax, o genera un enlace compartible para él - descarga o exporta tu documentación a la nube con ediciones o en su versión inicial.

DocHub ofrece muchas otras capacidades para una edición de documentos efectiva. Por ejemplo, puedes transformar tu formulario en una plantilla de uso múltiple después de editar o crear una plantilla desde cero. ¡Descubre todas las características de DocHub ahora!

Edición de PDF simplificada con DocHub

Edición de PDF sin complicaciones

Editar un PDF es tan simple como trabajar en un documento de Word. Puedes agregar texto, dibujos, resaltados y ocultar o anotar tu documento sin afectar su calidad. Sin texto rasterizado ni campos eliminados. Usa un editor de PDF en línea para obtener tu documento perfecto en minutos.

Trabajo en equipo fluido

Colabora en documentos con tu equipo usando un dispositivo de escritorio o móvil. Permite que otros vean, editen, comenten y firmen tus documentos en línea. También puedes hacer tu formulario público y compartir su URL en cualquier lugar.

Guardado automático

Cada cambio que realices en un documento se guarda automáticamente en la nube y se sincroniza en todos los dispositivos en tiempo real. No es necesario enviar nuevas versiones de un documento o preocuparse por perder información.

Integraciones de Google

DocHub se integra con Google Workspace para que puedas importar, editar y firmar tus documentos directamente desde tu Gmail, Google Drive y Dropbox. Cuando termines, exporta documentos a Google Drive o importa tu libreta de direcciones de Google y comparte el documento con tus contactos.

Potentes herramientas de PDF en tu dispositivo móvil

Mantén tu trabajo en marcha incluso cuando estés lejos de tu ordenador. DocHub funciona en móvil con la misma facilidad que en escritorio. Edita, anota y firma documentos desde la comodidad de tu teléfono inteligente o tableta. No es necesario instalar la aplicación.

Compartición y almacenamiento de documentos seguros

Comparte, envía por correo electrónico y envía documentos por fax instantáneamente de una manera segura y conforme. Establece una contraseña, coloca tus documentos en carpetas encriptadas y habilita la autenticación del destinatario para controlar quién tiene acceso a tus documentos. Una vez finalizado, mantiene tus documentos seguros en la nube.

Aumenta la eficiencia con el complemento DocHub para Google Workspace

Accede a documentos y edítalos, fírmalos y compártelos directamente desde tus aplicaciones de Google favoritas.

Instalar ahora

Cómo hacer Revisar casilla de verificación en html

4.8 de 5

44 votos

hola a todos, bienvenidos a otro video de desafío de CSS. En este video voy a cubrir el sorprendentemente difícil pero extremadamente común problema de crear casillas de verificación personalizadas. Como pueden ver a la derecha, tengo tres casillas de verificación personalizadas que tienen efectos de hover, todas funcionan cuando las clicas, todas se desmarcan cuando las clicas de nuevo y funcionan exactamente igual que una casilla de verificación normal. Incluso puedes navegar a través de ellas, como pueden ver, tengo un pequeño efecto de sombra cuando navegas a ella. Todas funcionan exactamente como lo haría una casilla de verificación normal y también funcionarán para las personas que están usando lectores de pantalla u otros dispositivos para navegar a través de las casillas de verificación o para leer las etiquetas de las casillas de verificación a medida que avanzan, lo cual es una de las cosas que comúnmente se olvida al crear casillas de verificación personalizadas. Así que para empezar, aquí vamos a crear el HTML que vamos a necesitar para estas casillas de verificación. Afortunadamente, esto es bastante simple, solo necesitamos un div que va a envolver nuestra casilla de verificación, así que le daremos una clase.

Funciones relacionadas

Cut off PII in Radix-64

Cut off PII in RPT

Cut off PII in SDW

Cut off PII in SE

Cut off PII in STW

Cut off PII in Sxw

Cut off PII in INFO

Cut off PII in Troff

¿Tienes preguntas?

A continuación, algunas preguntas comunes de nuestros clientes que pueden proporcionarte la respuesta que buscas. Si no puedes encontrar una respuesta a tu pregunta, no dudes en ponerte en contacto con nosotros.

Contacto

¿Cómo puedo establecer una casilla de verificación ya marcada en HTML?

El atributo checked es un atributo booleano. Cuando está presente, especifica que un elemento debe estar preseleccionado (marcado) cuando se carga la página. El atributo checked se puede usar con y

. El atributo checked también se puede establecer después de la carga de la página, con JavaScript.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="1" data-qa-tag="faq-tab-2">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo detectar un cambio en la casilla de verificación?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-2-content">Utiliza el evento change() y la prueba is(): $(input:checkbox).change(function(){ if ($(this).is(:checked)) { alert(checked); } }); Array.from().Array.prototype.fodocHub().document.querySelectorAll().EventTarget.addEventListener().</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="2" data-qa-tag="faq-tab-3">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo personalizo una casilla de verificación?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-3-content">Ejemplo /* Personaliza la etiqueta (el contenedor) */ /* Oculta la casilla de verificación predeterminada del navegador */ /* Crea una casilla de verificación personalizada */ /* Al pasar el mouse, agrega un color de fondo gris */ /* Cuando la casilla de verificación está marcada, agrega un fondo azul */ /* Crea la marca de verificación/indicador (oculto cuando no está marcada) */</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="3" data-qa-tag="faq-tab-4">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo añado texto a una casilla de verificación en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">Crea HTML Usa una etiqueta <label> con la clase llamada label. Agrega un elemento con los atributos type, name y value dentro de la etiqueta.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="4" data-qa-tag="faq-tab-5">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo cambio el color de una marca en una casilla de verificación en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">¿Cómo cambiar el color de la marca en la casilla de verificación? La mejor opción sería inspeccionar el elemento en Chrome y luego probar tu CSS allí mismo. La forma más rápida de lograr este tipo de cambios en CSS. La mejor opción sería inspeccionar el elemento en Chrome y luego probar tu CSS allí mismo.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="5" data-qa-tag="faq-tab-6">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo escribir una función onchange en una casilla de verificación en JavaScript?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">Ejemplo de evento onchange. Llama a una función cuando un usuario cambia la opción seleccionada de un elemento <select>: En HTML: Ejemplo. Llama a una función cuando un usuario cambia el contenido de un campo de entrada:</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="6" data-qa-tag="faq-tab-7">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo cambio el estilo de una casilla de verificación en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">Estilo de casilla de verificación personalizada Paso 1: Oculta la entrada de casilla de verificación nativa. # Paso 2: Estilos de casilla de verificación no marcada personalizados. # Paso 3: Estilizando el estado :checked vs no marcado. # Paso 4: El estado :focus. # Estilos para casillas de verificación :disabled. #</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo edito una casilla de verificación en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">Una casilla de verificación es un elemento HTML que toma entrada del usuario. Es posible estilizar una casilla de verificación utilizando elementos pseudo como :before, :after, hover y :checked. Para estilizar la casilla de verificación, el usuario primero necesita ocultar la casilla de verificación predeterminada, lo que se puede hacer estableciendo el valor de la propiedad visibility en hidden.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="8" data-qa-tag="faq-tab-9">
                        <div class="accordion__panel-status"></div>
                        ¿Cuál es la diferencia entre Oninput y Onchange en la casilla de verificación?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">La diferencia es que el evento oninput ocurre inmediatamente después de que se ha cambiado el contenido, mientras que onchange ocurre cuando el elemento pierde el foco.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="9" data-qa-tag="faq-tab-10">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo manejar el cambio de la casilla de verificación dinámicamente usando react onChange?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">para handleChange puedes usar los atributos name y checked para actualizar el estado de la casilla de verificación (también podrías hacer un cambio en su estado booleano en lugar de usar checked). de esta manera puedes tener solo un controlador para todas tus casillas de verificación.</div>
                </div>
                            </div>
        </div>
    </div>
</section>
    <section class="page-section page-section--customers-reviews">
    <div class="page-section__inner">
                    <h2 class="section-title">Ve por qué nuestros clientes eligen DocHub</h2>
                <div class="user-reviews">
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"></div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div>
                        <div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"></div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Un valioso firmador de documentos para pequeñas empresas.</div>
                        <div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"> </div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div>
                        <div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    <section class="page-section page-section--c2a-get-form">
        <div class="page-section__inner">
            <div class="section-title-preamble">esté listo para obtener más</div>
            <h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4>
            <a class="button"
               tabindex="0"
               data-qa-tag="button-cta-get-started"
               onclick="sksTracker.trackBeforeAction()"
               href="https://dochub.com/sign-up"
               data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities"
               >Empieza ahora</a>
        </div>
    </section>

<div class="page__footer">
            <div class="page-section page-section--footer">
        <div class="page-section__inner">
            <div class="footer-section">
                <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/151/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
                <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
                    <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
                    <div class="socials-list lazy-background">
                        <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div>
                    </div>
                </div>

<div class="copyright-caption">© 2025 DocHub, LLC</div>
            </div>
            <div class="footer-section">
    <div class="footer-section-title">Products</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/functionality">Functions</a></div>
    </div>
</div>
<div class="footer-section">
    <div class="footer-section-title">Company</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/about-us">About</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.com/helpdesk">Support</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div>
    </div>
</div>
<div class="footer-section">
    <div class="footer-section-title">Resources</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div>
    </div>
</div>
            <div class="footer-section">
                <div class="footer-section-title">What's New</div>
                <div class="text-label text-label text-label--new">New</div>
                <div class="release-note-caption">DocHub v6 Released! Multi-file envelopes, bulk file importing, and multi-page reordering and much more.</div>
            </div>
            <div class="footer-section footer-section--only-desktop">
                <div class="footer-section-title footer-section-title--mobile-only">Contact us</div>
                <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
                <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div>
                <div class="socials-list lazy-background">
                    <div class="socials-list__item">
                        <a class="socials-link socials-link--twitter" rel="noopener" target="_blank"  href="https://twitter.com/dochub">Follow Us</a>
                    </div>
                </div>
            </div>
            <div class="footer-section app-buttons app-buttons--mobile">
                <a class="app-buttons__google-play"
                   href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer"
                   rel="noopener"
                   target="_blank">
                    <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/151/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy">
                </a>
                <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank">
                    <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/151/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy">
                </a>
            </div>
        </div>
        <div class="page-section__inner page-section__inner--footer-mobile-only">
            <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/151/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div>
            <div class="copyright-caption">© 2025 DocHub, LLC</div>
        </div>
    </div>
</div>

<div class="popup-cookie popup-cookie__v2 popup-cookie--top">
    <div class="popup-cookie__close js-popup-close"></div>
    <div class="popup-cookie__row">
        <div class="popup-cookie__column popup-cookie__column--description">
            <div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience.
                By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" rel="noopener" target="_blank">Privacy Notice</a>.
                You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" rel="noopener" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div>
        </div>
        <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div>
    </div>
</div>

if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') {
            setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData);
            fetch('https://www.pdffiller.com/api_v3/uploader/info?lang=es', {
                method: 'post',
                headers: {
                    'Content-Type': 'application/json',
                    'User-Agent': navigator.userAgent,
                    'userid': res.uploadData.auth.userId,
                    'token': res.uploadData.auth.token,
                    'appkey': res.uploadData.auth.appKey
                },
                body: JSON.stringify({
                    'origin': 'https://www.dochub.com',
                    'projectId': res.uploadData.docList[0].id,
                    'guestId': '9e789fae9d.1746267451'
                })
            })
            .then(response => response.json())
            .then(response => {
                if (response.data && response.result === true) {
                    document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600";

window.dataLayer = window.dataLayer || [];
                    window.dataLayer.push({
                        event: "CE_file_navigate",
                    })

sksTracker.trackBeforeAction();

sendMetricWithRedirect({
                        abTower: 'dh_pdffiler_editor_before_redirect',
                        dataDog: 'dh_pdffiler_editor_before_redirect',
                    }, 'https://www.dochub.com/api/send-metrics')
                        .then(() => {
                            window.location.href = response.data.redirect_url;
                        })
                        .catch(() => {
                            console.log("sendMetricWithRedirect: Failed to send metrics");
                            window.location.href = response.data.redirect_url;
                        });
                } else {
                    console.log("Can't make redirect on editor");
                }
            });
        }

return true;
            };
            window.sendMetric = (metrics = {}, route = '/api/send-metrics') => {
                let ajax = new XMLHttpRequest();
                ajax.open('POST', route, true);
                ajax.setRequestHeader('Content-Type', 'application/json');
                ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content);
                ajax.send(JSON.stringify(metrics));
            };
            var setExternalGuestId = function (url, callback, uploadData) {
                var ajax = new XMLHttpRequest();
                var body = {
                    'guestId': '9e789fae9d.1746267451'
                };
                ajax.open('POST', url, true);
                ajax.setRequestHeader('userid', uploadData.auth.userId);
                ajax.setRequestHeader('token', uploadData.auth.token);
                ajax.setRequestHeader('appkey', uploadData.auth.appKey);
                ajax.setRequestHeader('Content-Type', 'application/json');
                ajax.send(JSON.stringify(body));
            };
            function sendAbTestEvent() {
                window.sendMetric({
                    abTower: 'dh_pdffiler_editor_start_uploading',
                    dataDog: 'dh_pdffiler_editor_start_uploading',
                }, 'https://www.dochub.com/api/send-metrics');
            }
            function sendDataLayerEvent() {
                window.dataLayer = window.dataLayer || [];
                window.dataLayer.push({
                    event: "CE_file_upload",
                })
            }
            var getRedirectLink = function (response) {
                response = JSON.parse(response);
                if (response.result) {
                    document.cookie = 'api_js=' + response.data.api_js  + "; path=/; max-age=3600";
                    window.location.href = response.data.redirect_url
                }
            };
            initUploader({
                localePrefix: 'DOCHUB_',
                app: 'DOCHUB_MAIN_FEATURES',
                modes: {
                    microSites: true
                },
                features: ["@UPLOADER\/UPLOAD"],
                api: {
                    base: 'https://www.pdffiller.com',
                    ws: {
                        host: 'wss://mm-websocket.pdffiller.com',
                        port: '443',
                    },
                },
                auth: {
                    appKey: 'klwlq3h4jfi8.apps.dochub.v1.0'
                },
                multiple: 1,
                lang: 'es',
                callbacks: {
                    end: openEditor,
                    request: runTemplateSuggestion
                },
                hooks: {
                    data: {
                        modalOpen: [getUserEmail, isUserLogged, isUserPaid]
                    },
                    actions: {
                        startUploading: [sendAbTestEvent, sendDataLayerEvent],
                    },
                    stat: sendStat,
                },
            });
</script>

Revisar la casilla de verificación en html suavemente