javascript - 如何使用 HTML 中的开关通过 onchange 更改 BACK

Question

我正在写一个网站，想创建一个深色/浅色模式。我有一个开关，单击时会切换，它成功更改为我的第二个 css 样式表。我应该如何切换回原始样式表？

HTML-

<link id="pagestyle" rel="stylesheet" type="text/css" href="assets/css/main.css">
<script>
  function swapStyleSheet(sheet) {
    document.getElementById('pagestyle').setAttribute('href', 'assets/css/main2.css');
  }
</script>
<!-- Rectangular switch -->
<label class="switch">
  <input type="checkbox" onchange="swapStyleSheet()"">
    <span class=" slider"></span>
</label>

Using this switch style

Answer 1

请使用此代码，希望对您有所帮助。

 <link id="pagestyle" rel="stylesheet" type="text/css" href="main.css">
<script>
  function swapStyleSheet(sheet) {
    if($(sheet).prop("checked") == true){
       document.getElementById('pagestyle').setAttribute('href', 'main2.css');
    }else{
        document.getElementById('pagestyle').setAttribute('href', 'main.css');
    }

  }
</script>

<!-- Rectangular switch -->
<label class="switch">
  <input type="checkbox" onchange="swapStyleSheet(this)">
    <span class="slider"></span>
</label>