时间戳

首页 > 解决方案 > 如何使用 DOM html 操作切换开关

javascript - 如何使用 DOM html 操作切换开关

问题描述

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

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

我在想也许类似document.getElementById("toggleButton").attr(checked)或类似的东西。任何帮助将非常感激。

标签： javascriptjquerydomfrontendpug

解决方案

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

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

推荐阅读