Extremadamente nuevo en Javascript y me he quedado atascado en una declaración if/else, porque no sé cómo encontrar el estado del interruptor Toggle que creé.
if ( ? ? ? myToggle == "True" ? ? ? ) { do this; } else { do this; } <label class="switch"> <input type="checkbox" id="myToggle"> <span class="slider round"></span> </label>Solo quiero encontrar el estado de si la palanca se ha cambiado o no, y luego construir una declaración if/else desde allí.
Cree un EventListener en la casilla de verificación para escuchar nuevos cambios.
Debajo de EventListener , habrá una declaración if que verificará el atributo .checked , si es true , imprimirá "Verificado", si es false , imprimirá "No verificado".
Ejemplo:
var element = document.getElementById("myToggle"); element.addEventListener("change", function (event) { if (event.target.checked) { console.log("Checked"); } else { console.log("Not checked"); } }); <label class="switch"> <input type="checkbox" id="myToggle"> <span class="slider round"></span> </label>Para obtener el estado verificado de la entrada, use elem.checked
Eche un vistazo a https://www.w3schools.com/jsref/prop_checkbox_checked.asp
if (document.getElementById('myToggle').checked) { console.log('Toggle is checked') } else { console.log('Toggle is not checked') } if (document.getElementById('myToggle2').checked) { console.log('Toggle 2 is checked') } else { console.log('Toggle 2 is not checked') } <label class="switch"> <input type="checkbox" id="myToggle"> <span class="slider round"></span> </label> <label class="switch"> <input type="checkbox" id="myToggle2" checked> <span class="slider round"></span> </label>Como está utilizando una casilla de verificación, puede acceder a su propiedad .checked en javascript
primero seleccione su elemento
const element = document.querySelector(".input")En segundo lugar, haga una función para verificar el estado.
function checkState() { const checked = element.checked; if (checked) { // do things here } else { // do things here } }