首先是构思：

我们使用<input type="checkbox">标签来实现这个效果。

checkbox的选中、未选中的特性，刚好对应开关的打开、关闭

on:打开 off:关闭

<label for="ck2">  <input type="checkbox" id="ck2">  <span>未选中，则关闭开关</span></label><br><label for="ck1">  <input type="checkbox" id="ck1" checked>  <span>选中，则打开开关</span></label>

效果：

（