javascript - 如何用javascript检测html开关状态

Question

我有一个 HTML 切换按钮(开/关)，我需要使用 JavaScript 检测它是打开还是关闭。请帮忙看看如何做到这一点？

Here is my fiddle with the switch

Answer 1

为复选框元素添加“onchange”事件。请参阅下面的代码。

<div style="text-align: center;">
   <div class="switch">
      <input id="cmn-toggle-2" class="cmn-toggle cmn-toggle-round" type="checkbox" onchange="javascript:myFunction()">
      <label for="cmn-toggle-2"></label>
   </div>
</div>

<script>
    function myFunction() {
       alert(document.getElementById("cmn-toggle-2").checked);
    }
</script>