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

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() {&nbsp; &nbsp; if(this.checked) {&nbsp; &nbsp; &nbsp; &nbsp; // Enable dark mode&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; // Disable dark mode&nbsp; &nbsp; }});

Answer 2

function check() {&nbsp;var check=&nbsp; &nbsp;document.getElementById("darkmode").checked;&nbsp;&nbsp;console.log(check);}<label class="switch"><input type="checkbox" id="darkmode" ><span class="slider round"></span><button onclick='check()'>press</button></label>