¿Cómo puedo activar un evento cuando una casilla de verificación está marcada o desmarcada en JavaScript?
Tengo una casilla de verificación. Cuando lo marco, quiero que la variable productionState se establezca en verdadero, y cuando desmarco, quiero que vuelva a ser falso. Lo que tengo no funciona. ¿Me estoy perdiendo de algo?
HTML
<div class="form-check "> <input class="form-check-input" type="checkbox" value="" id="checkBox"> <label class="form-check-label" for="checkBox"> Production State </label> </div>JavaScript
let productionState = false const checkbox = document.getElementById("flexCheckDefault"); checkbox.addEventListener("change", (event) => (productionState = true));let productionState = false const checkbox = document.getElementById("flexCheckDefault"); checkbox.addEventListener("change", (event) => { productionState = checkbox.checked; });¿Quizás esto es lo que estás buscando?
let productionState=false; document.getElementById("flexCheckDefault").addEventListener("change",ev => console.log(productionState=ev.target.checked)); <div class="form-check "> <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault"> <label class="form-check-label" for="flexCheckDefault">Production State</label> </div>