javascript - 刷新时使用复选框保持单元格颜色变化

Question

我的单元格在复选框检查时更改背景颜色，并且我研究了如何在刷新时保持复选框选中(尽管回想起来我认为这不再有效)，但我不知道如何保持颜色变化刷新时。我实际上根本不了解 JavaScript，这都是来自其他问题，但我希望它能够工作。如果我做错了什么，请纠正我，不要认为我是故意的，因为我完全不知道自己在做什么。

$(document).ready(function() {
$(".colourswitcher").click(function() {
    if($(this).is(":checked")) {
        $(this).closest("td").css("background","#ff3333");  
    }else {
        $(this).closest("td").css("background","#202020");
    } 
});
});

$(function(){
var test = localStorage.input === 'true'? true: false;
$('input').prop('checked', test || false);
});

$('input').on('change', function() {
localStorage.input = $(this).is(':checked');
console.log($(this).is(':checked'));
});

Answer 1

既然你是 javascript 新手，我会问一个愚蠢的问题:你包含了 jQuery 吗？

您提取的这段代码使用了 jQuery，这是一个非常有用的库(未内置于 javascript)，它已经变得如此普遍，以至于人们在询问或回答涉及它的问题时通常甚至不说出它的名称。但每当您看到 $ 符号时，您可能正在处理 jQuery。

您需要将库文件包含在 html 文件中，以便它知道这些特殊符号和语法是什么: <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

如果您在 Google Chrome 中测试此内容，请按 F12 并查看开发者控制台。当您缺少这样的内容时，您将看到红色的“未定义”错误。