javascript - 查找拨动开关的状态

Question

Javascript 非常新，并且一直停留在 if/else 语句上，因为我不知道如何找到我创建的 Toggle 开关的状态。

if ( ? ? ? myToggle == "True" ? ? ? ) {
  do this;
} else {
  do this;
}

<label class="switch">
        <input type="checkbox" id="myToggle">
        <span class="slider round"></span>
    </label>

我只想找到关于切换是否已切换的状态，然后从那里构建一个 if/else 语句。

标签： javascript

Answer 1

在复选框上创建一个EventListener以侦听新更改。

在 下EventListener，会有一个检查属性的if语句，如果是，它会打印“已检查”，如果是，它将打印“未检查”。.checkedtruefalse

例子：

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>