根据复选框的状态工作 JavaScript

Question

我有一个复选框可以切换div，我将选择注册到本地商店并将其取回

但是我不能做的是切换div的javascript不会看到该复选框的选项，它需要切换两次

索引.html

<div id="siit" class="sit"></div>
Clock?: <br>
        <label class="switch">
          <input id="tetik" type="checkbox">
          <span class="slider round"></span>
        </label>

萨特.js

function basla() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  h = checkTime(h);
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('siit').innerHTML =
  h + ":" + m + ":" + s;
  var t = setTimeout(basla, 500);
}
function checkTime(i) {
  if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
  return i;
};

这是代码笔： https://codepen.io/Etka/pen/BvGKWV

我想要这个：当用户选择显示时钟并离开时，当用户回来时，javascript 将选中复选框，如果选中将显示时钟

Answer 1

选中所选状态并选中复选框时，还要使时钟可见。

// Set the selected state
    if (isSaved === "true") {
      checkbox.checked = true;
      $("#siit").show();
    }

Answer 2

如果

复选框保存在 LocalStorage 中，则将时钟div 元素#siit的 css display 属性更改为"block" 在 init() 函数中，方法是更改以下内容：

if (isSaved === "true") {
  checkbox.checked = true;
}

对此：

if (isSaved === "true") {
  checkbox.checked = true;
  document.getElementById("siit").style.display = "block";
}

这是一个CodePen，上面修改了我从你的原始代码中分叉出来的代码：https://codepen.io/andrewl64/pen/LMXNgj?editors=0010