Skip to main content
añado ejemplo: botón que cambia estado del checkbox
Origen Enlace
Orici
  • 7.8k
  • 13
  • 50
  • 89

El input de tipo checkbox no tiene un valor booleano asignado por defecto, si te puede interesar recuperar su estado para trabajar con él (si fue o no seleccionado).

Se puede comprobar con JavaScript un checkbox:

<div class="fullday">
    <input type="checkbox" id="check">
<div>
<script>
    window.onload = () => {

        function qs(strSelector) // js node
        {
            return document.querySelector(strSelector);
        }

        const input = qs('#check');
        console.log(input, input.value, input.checked, 777);
    };
</script>

Obtendríamos:

<input type="checkbox" id="check"> 'on' false 777

En Chrome no estaría seleccionado por defecto, ni tiene un valor diferente de 'on'*. Como valor se le puede asociar algún dato, si se usa como parte de un formulario solo los checkboxes seleccionados se envían.

En JS puedes saber si un checkbox esta o no seleccionado o cambiar su estado con checked, por ejemplo si amplio el ejemplo, un botón cambia el estado:

<div class="fullday">
        <input type="checkbox" id="check">
    <div>
    <button type="button">Seleccionar / deseccionar</button>

    <script>
        window.onload = () => {

            function qs(strSelector) // js node
            {
                return document.querySelector(strSelector);
            }

            const input = qs('#check');
            console.log(input, input.value, input.checked, 777);

            qs('button').addEventListener('click', function()
            {
                input.checked = !input.checked;
            });
        };
    </script>

El input de tipo checkbox no tiene un valor booleano asignado por defecto, si te puede interesar recuperar su estado para trabajar con él (si fue o no seleccionado).

Se puede comprobar con JavaScript un checkbox:

<div class="fullday">
    <input type="checkbox" id="check">
<div>
<script>
    window.onload = () => {

        function qs(strSelector) // js node
        {
            return document.querySelector(strSelector);
        }

        const input = qs('#check');
        console.log(input, input.value, input.checked, 777);
    };
</script>

Obtendríamos:

<input type="checkbox" id="check"> 'on' false 777

En Chrome no estaría seleccionado por defecto, ni tiene un valor diferente de 'on'*. Como valor se le puede asociar algún dato, si se usa como parte de un formulario solo los checkboxes seleccionados se envían.

El input de tipo checkbox no tiene un valor booleano asignado por defecto, si te puede interesar recuperar su estado para trabajar con él (si fue o no seleccionado).

Se puede comprobar con JavaScript un checkbox:

<div class="fullday">
    <input type="checkbox" id="check">
<div>
<script>
    window.onload = () => {

        function qs(strSelector) // js node
        {
            return document.querySelector(strSelector);
        }

        const input = qs('#check');
        console.log(input, input.value, input.checked, 777);
    };
</script>

Obtendríamos:

<input type="checkbox" id="check"> 'on' false 777

En Chrome no estaría seleccionado por defecto, ni tiene un valor diferente de 'on'*. Como valor se le puede asociar algún dato, si se usa como parte de un formulario solo los checkboxes seleccionados se envían.

En JS puedes saber si un checkbox esta o no seleccionado o cambiar su estado con checked, por ejemplo si amplio el ejemplo, un botón cambia el estado:

<div class="fullday">
        <input type="checkbox" id="check">
    <div>
    <button type="button">Seleccionar / deseccionar</button>

    <script>
        window.onload = () => {

            function qs(strSelector) // js node
            {
                return document.querySelector(strSelector);
            }

            const input = qs('#check');
            console.log(input, input.value, input.checked, 777);

            qs('button').addEventListener('click', function()
            {
                input.checked = !input.checked;
            });
        };
    </script>

Origen Enlace
Orici
  • 7.8k
  • 13
  • 50
  • 89

El input de tipo checkbox no tiene un valor booleano asignado por defecto, si te puede interesar recuperar su estado para trabajar con él (si fue o no seleccionado).

Se puede comprobar con JavaScript un checkbox:

<div class="fullday">
    <input type="checkbox" id="check">
<div>
<script>
    window.onload = () => {

        function qs(strSelector) // js node
        {
            return document.querySelector(strSelector);
        }

        const input = qs('#check');
        console.log(input, input.value, input.checked, 777);
    };
</script>

Obtendríamos:

<input type="checkbox" id="check"> 'on' false 777

En Chrome no estaría seleccionado por defecto, ni tiene un valor diferente de 'on'*. Como valor se le puede asociar algún dato, si se usa como parte de un formulario solo los checkboxes seleccionados se envían.