Flipswitch-如何将Flipswitch状态存储在变量中？

Question

我想使用在以下位置生成的flipswitch代码：

https://www.cssportal.com/css3-flip-switch/

我是一名电工，不是全职程序员。我想使用此ode来控制树莓派输出。简而言之，我希望变量在拨动开关打开时等于1，在关闭时等于0。

谢谢

Answer 1

您可以通过获取对象并在其上设置EventListener来保存状态。每次单击开关时，它都会更新state变量。

var state;

document.getElementById('fs').addEventListener('click', saveState);

function saveState() {
    state = document.getElementById('fs').checked;
}

然后您的状态为布尔值，即true或false