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>

如何检查复选框是否被选中？

2 个答案: