如何使用 DOM html 操作切换开关答案

【问题标题】：How to manipulate a toggle switch with DOM html如何使用 DOM html 操作切换开关
【发布时间】：2021-11-20 21:47:04
【问题描述】：

我使用 Pug 设计了一个切换按钮，每当单击它时我都会运行 function1。但我想要做的是，当页面加载时，我从后端获取一个值，我想用它来设置切换按钮的初始状态。有没有办法使用 DOM 操作来更改下面的切换按钮？还是从客户端 Javascript 执行此操作的其他方式？

p Hours Button
  label.switch#toggleButton
  input(type='checkbox' onchange='function1(this)')
  span.slider.round

我在想可能是document.getElementById("toggleButton").attr(checked) 之类的东西。任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

在属性state 中传递true 或false 的值，例如{ state: true }，如果使用Express。

p Hours Button
  label.switch#toggleButton
  input(type="checkbox" onchange="function1(this)" checked=state)
  span.slider.round

【讨论】：