Question

如果选中该复选框，我想要修复页面的背景，并且我希望背景保持固定，直到取消选中该框。这是页面的设置选项卡。我尝试使用此代码：

$('.bg').append('<button onclick="save_data()" type="button" id="button">Save</button>'); 
$('.bg').append('<div></div>');
$('.bg > div').append('<input type="checkbox" name="fixed" id="box">The background should remain fixed');
$('#button').click(function() {  
    var box = document.getElementById("box");
    localStorage.setItem("fixed", box.is());
});
var value1 = localStorage.getItem('fixed');
if ($("#box").is(':checked')) {
    $('body').css({"background-attachment": "'" + value1 + "'"});
}

Answer 1

JS和Jquery的混合......

var box = document.getElementById("box");
localStorage.setItem("fixed", box.is());

像这样使用jquery：

var box = $("#box");

这是一个奇怪的问题，但也许你想要这样的事情：

$('.bg > div').append('<input type="checkbox" value="fixed" name="fixed" id="box">The background should remain fixed');
$('#button').click(function() {  
    var box = $("#box");
    localStorage.setItem("fixed", box.val());
});

你也不应该使用id =“box”，如果还有一个被添加，很难说，没有HTML ......

使用本地存储中的复选框值

1 个答案: