Javascript 在上更改正文背景色。单击以在刷新时应用站点范围？

当用户在两个收音机之间切换时，我想更改站点范围内的主体（以及一些模态元素）的背景颜色

以下是单选按钮的html：

  <div class="btn-group btn-group-xs" data-toggle="buttons">
    <label class="btn btn-default lightBtn">
      <input type="radio" name="options" id="light"> Light
    </label>
    <label class="btn btn-default darkBtn">
      <input type="radio" name="options" id="dark"> Dark
    </label>
  </div>

---

此外，BTN上的切换会在页面之间重置。。是否有jquery事件语言来维护切换选择跨页面？

您的HTML将

lightBtn

和

darkBtn

定义为标签元素的类（

），而jquery的目标元素ID为

lightBtn

和

darkBtn

（

）

将它们更改为相同，例如：

$( function() {
   $('.lightBtn').click( function() {
     $('body').css('background', 'white' );    
   });
   $('.darkBtn').click( function() {
     $('body').css('background', 'black' );    
   });
});

或者只需将HTML标签更改为如下定义：

---

..

请参阅：通过页面刷新等方式维护该值。。。您必须设置一个cookie-jquery为此提供了一个插件：-或者在github上：谢谢。。但背景色会在每页之间重置。。有没有办法保持选择？

$( function() {
   $('.lightBtn').click( function() {
     $('body').css('background', 'white' );    
   });
   $('.darkBtn').click( function() {
     $('body').css('background', 'black' );    
   });
});