在刷新时使用复选框保持单元格颜色更改
在刷新时使用复选框保持单元格颜色更改
提问于 2014-09-09 15:54:41
我让单元格在checkbox复选框中改变背景颜色，我知道如何在刷新时保持复选框处于选中状态(尽管回过头来看，我认为这不再有效)，但我不知道如何在刷新时保持颜色更改。我实际上根本不知道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'));
});Stack Overflow用户
发布于 2014-09-13 11:34:07
既然您是javascript的新手，那么我将问一个愚蠢的问题:您是否包含了jQuery？
您提取的这段代码使用了jQuery，这是一个非常有用的库(不是内置到javascript中的)，它已经变得如此常见，以至于人们在询问或回答涉及它的问题时通常都不会说出它的名字。但是，每当您看到$表示法时，您很可能正在处理jQuery。
您需要在html文件中包含库文件，以便它知道这些特殊符号和语法是什么：<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
如果你在Google Chrome中测试这个东西，按F12并查看开发人员控制台。当你缺少这样的东西时，你会看到红色的"undefined“错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25739346
复制相关文章
相似问题
腾讯云开发者
