0

estoy intentando conocer desde javascript el valor de una checkbox (true,false), estoy usando este código en html:

<div class="switch-button">
     <input type="checkbox" name="bCaldera" id="switch-label" class="switch-button__checkbox">
     <label for="switch-label" class="switch-button__label"></label>

Y este es el código de mi javascript y el fallo que me da la consola de google: fallo en consola

1
  • Edita tu pregunta y pon el código de JS en texto en lugar de usar screenshots. Haz el recorrido (que está en el footer) para que conozcas las reglas de la comunidad.
    – DjCrazy
    el 1 jun. 2022 a las 15:32

1 respuesta 1

1

El error parece provenir de que estás revisando el atributo checked directamente sin que este asociado a ningún evento, por lo que de base será false al no estar seleccionado.

En el if que tienes escrito evaluará si es true y dado que no lo es de base y no se registra el cambio, no hará nada ya que no hay ningún bloque else.

Pruebalo de esta manera para ver si sigue dando error:

const switchLabel = document.getElementById('switch-label');

function switchChange () {
  console.log(switchLabel.checked)
}
<div class="switch-button">
     <input type="checkbox" name="bCaldera" id="switch-label" class="switch-button__checkbox" onchange="switchChange()">
     <label for="switch-label" class="switch-button__label"></label>

6
  • no termino de entender que hace, no veo nada en la consola.
    – relaxedrt
    el 1 jun. 2022 a las 11:04
  • prueba de nuevo, he cambiado el nombre porque switch es una palabra reservada el 1 jun. 2022 a las 11:10
  • no hace nada, en la consola no se muestra ningún valor ni nada
    – relaxedrt
    el 1 jun. 2022 a las 11:18
  • ¿donde y como estas ejecutando dicho código? y ¿qué error es exactamente el que te aparece? el 1 jun. 2022 a las 11:20
  • ejecuto mi html en el que tengo referido el javascript, y no me da ningun error simplemente le doy al checkbox y no sale nada en la consola
    – relaxedrt
    el 1 jun. 2022 a las 11:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.