如何获取 on 和 off 状态的值 - JavaScript

在 JavaScript 中获取 on 和 off 状态的值通常是通过检测 HTML 元素的属性值来完成的。以下是一些获取 on 和 off 状态的值的方法：

1. 检查 checked 属性

如果要检测一个复选框或单选按钮是否已选中，则可以检查其 checked 属性。如果选中，则它的值为 true，否则为 false。

var checkbox = document.getElementById("myCheckbox");
if (checkbox.checked) {
  console.log("已选中");
} else {
  console.log("未选中");
}

2. 检查 value 属性

对于一些 HTML 元素（如开关和切换按钮），它们可能没有 checked 属性，但是它们有一个值属性，可以标识它们的状态。

var toggleSwitch = document.getElementById("myToggleSwitch");
if (toggleSwitch.value == "on") {
  console.log("已打开");
} else {
  console.log("已关闭");
}

3. 监听 onchange 事件

如果需要在状态更改时执行一些操作，则可以监听 onchange 事件。此事件将在 HTML 元素的值发生更改时触发。

var myElement = document.getElementById("myElement");
myElement.onchange = function() {
  if (myElement.value == "on") {
    console.log("已打开");
  } else {
    console.log("已关闭");
  }
};

4. 使用 jQuery

如果使用 jQuery 库，则可以使用 val() 方法来获取元素的值。

var toggleSwitch = $("#myToggleSwitch").val();
if (toggleSwitch == "on") {
  console.log("已打开");
} else {
  console.log("已关闭");
}

总结

以上是在 JavaScript 中获取 on 和 off 状态的值的一些方法。具体方法视 HTML 元素而定，可以选择适合自己的方法。如果需要在 HTML 元素的值发生更改时执行操作，则可以使用 onchange 事件。如果使用 jQuery 库，则可以使用 val() 方法来获取元素的值。