如何检查该复选框是否已选中？

Question

我想在我的网站中实现深色模式。我有一个带有复选框输入的开关，我想在选中它时运行一个 javascript 函数，以便颜色发生变化。这是 html 代码。我不知道是否需要 CSS 代码。<label class="switch"><input type="checkbox" id="darkmode"><span class="slider round"></span></label>

Answer 1

var checkbox = document.getElementById("darkmode");

checkbox.addEventListener( 'change', function() {

    if(this.checked) {

        // Enable dark mode

    } else {

        // Disable dark mode

    }

});

Answer 2

function check() {

 var check=   document.getElementById("darkmode").checked;

 

 console.log(check);

}

<label class="switch">

<input type="checkbox" id="darkmode" >

<span class="slider round"></span>

<button onclick='check()'>press</button>

</label>