javascript - 保留值的 PHP 切换按钮

Question

潜伏了几年，我终于创建了一个用户。

我会尽力向您解释我的问题:

我需要一个浏览器友好的小型文档(HTML、PHP 等)，让我和几位同事能够切换开关，以便我们可以查看是否有人开车去上类。 我可以创建开关，它工作正常 - 但是，我需要它来保持它的状态，跨越多台计算机，我想知道如果不制作数据库是否可行？

我希望保持简单，并在一个文件中。

例子:

Dude1 来上类，骑自行车。开关关闭

Dude2 走路来上类。开关关闭

Dude3 开车来上类。开关打开

--

Dude1 想看看今天谁在开车。打开 PHP/HTML 可以看到状态:

Dude1 - 关闭

Dude2 - 关闭

Dude3 - 开启

---

我希望这能解释我的问题，如果没有请询问，我会尽量说得更清楚。

 <div class="onoffswitch">
    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="switch" checked>
    <label class="onoffswitch-label" for="switch">
        <span class="onoffswitch-inner"></span>
        <span class="onoffswitch-switch"></span>
    </label>
</div>

这是简单的部分 - 现在如何保持状态。

---

编辑，添加图片。 enter image description here

Answer 1

有几种方法可以在没有任何数据库的情况下做到这一点。我能想到的最简单的方法是使用 HTML5 Local Storage .

有了这个，您可以设法在浏览器中保留与特定网站相关的一些数据。数据以 JSON 格式存储，这显然意味着您将需要一个键和一个值。

设置值-

localStorage.setItem('driving', 'Yes');

Javascript 设置复选框的值-

if (localStorage.getItem('driving')=='Yes'){
    //code to set your checkbox
}

更多结帐Web Storage