Hola, solo me pregunto si es esa una forma en la que podemos consolar. Registrar la casilla de verificación está marcada. y muestre el nombre correcto, como decir que el lunes es verificar que se muestre el lunes en console.log y si desmarcó este lunes, ¿se ha ido?
y también me gustaría ponerlo en una matriz si es posible?
¿Algo como esto, pero sin embargo, esta matriz depende de la casilla de verificación seleccionada?
[{"Day":"Monday"},{"Day":"Tuesday"},{"Day":"Wednesday"},{"Day":"Thursday"},{"Day":"Friday"},{"Day":"Saturday"},{"Day":"Sunday"}] <div class="box"> <input type="checkbox" class="weekly-day" id="monday" name="monday" value="Monday"> <label for="monday"> Monday</label><br> <input type="checkbox" class="weekly-day" id="tuesday" name="tuesday" value="Tuesday"> <label for="tuesday"> Tuesday</label><br> <input type="checkbox" class="weekly-day" id="wednesday" name="wednesday" value="Wednesday"> <label for="wednesday"> Wednesday</label><br> <input type="checkbox" class="weekly-day" id="thursday" name="thursday" value="Thursday"> <label for="thursday"> Thursday</label><br> <input type="checkbox" class="weekly-day" id="friday" name="friday" value="Friday"> <label for="Friday"> Friday</label><br> <input type="checkbox" class="weekly-day" id="saturday" name="saturday" value="Saturday"> <label for="saturday"> Saturday</label><br> <input type="checkbox" class="weekly-day" id="sunday" name="sunday" value="Sunday"> <label for="Sunday"> Sunday</label><br> </div>Si agrega un detector de eventos para cuando las entradas activan un evento de change , puede agregar esa capacidad.
const box = document.getElementsByClassName("box")[0]; const inputs = box.getElementsByTagName("input"); for (const input of inputs) { input.addEventListener("change", () => logValues()); } function logValues() { const output = []; for (const input of inputs) { output.push([input.value, input.checked]); } console.log(output); } <div class="box"> <input type="checkbox" class="weekly-day" id="monday" name="monday" value="Monday"> <label for="monday"> Monday</label><br> <input type="checkbox" class="weekly-day" id="tuesday" name="tuesday" value="Tuesday"> <label for="tuesday"> Tuesday</label><br> <input type="checkbox" class="weekly-day" id="wednesday" name="wednesday" value="Wednesday"> <label for="wednesday"> Wednesday</label><br> <input type="checkbox" class="weekly-day" id="thursday" name="thursday" value="Thursday"> <label for="thursday"> Thursday</label><br> <input type="checkbox" class="weekly-day" id="friday" name="friday" value="Friday"> <label for="Friday"> Friday</label><br> <input type="checkbox" class="weekly-day" id="saturday" name="saturday" value="Saturday"> <label for="saturday"> Saturday</label><br> <input type="checkbox" class="weekly-day" id="sunday" name="sunday" value="Sunday"> <label for="Sunday"> Sunday</label><br> </div>