HTML 开关按钮实现

最简单的：checkbox

复杂一些的：button 

参考：https://blog.csdn.net/weixin_52707625/article/details/125313755 

参考2：https://www.yzktw.com.cn/post/1191496.html

checkbox默认勾选

在HTML中，要使checkbox默认勾选，你可以在<input>标签中使用checked属性。例如：

<input type="checkbox" id="checkbox" name="checkbox" checked>

这将创建一个默认勾选的复选框。如果你使用的是JavaScript动态生成复选框，可以在创建input元素时设置其checked属性为true。例如：

var checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.id = 'checkbox';
checkbox.name = 'checkbox';
checkbox.checked = true;

这段代码将创建一个默认勾选的复选框，并可以将其添加到文档中。

——————————————————————————————

checkbox事件：https://cloud.tencent.com/developer/article/2098698?from=15425

——————————————————————————————

js控制checkbox是否选中的代码：https://www.cnblogs.com/hyql/p/5397668.html