我的网站有选项卡,在该选项卡中,信息卡和右侧的复选框以不同颜色突出显示该卡。我怎样才能做到即使页面刷新或页面作为链接发送也能保存 onclick 突出显示?完整代码在这里:http://codepen.io/johnsonshara/pen/obGjGN (以下代码不是代码笔版本)
我尝试过的:
function save () {
var fieldValue = document.getElementById('like').value;
localStorage.setItem('checkbox', 'fieldValue');
}
function load () {
var storedValue = localStorage.getItem('checkbox');
if(storedValue){
document.getElementById('like').value = storedValue;
}
}
还有这个:
function save() {
if(typeof(Storage) !== "undefined") {
if (localStorage.setItem) {
localStorage.setItem = document.getElementById("like");
} else {
localStorage.getItem = .hasClass.apply;
}
document.getElementById("like").innerHTML = localStorage.toString;
} else {
document.getElementById("like").innerHTML = "Sorry, an error occured.";
}
}
html
<input type="checkbox" class="faChkRnd" onclick="save()" id="like" >
最佳答案
查看以下链接以了解如何使用本地存储:
http://www.w3schools.com/html/html5_webstorage.asp
它如何工作的快速示例代码:
// Put the object into storage
localStorage.setItem('testObject', "testing");
// Retrieve the object from storage
var retrievedObject = localStorage.getItem('testObject');
使用上面示例代码的示例:
alert(load());
$(document).on("click", "#clickME", function(){
save();
});
function save ()
{
var fieldValue = "testString";
localStorage.setItem('checkbox', fieldValue);
}
function load ()
{
var storedValue = localStorage.getItem('checkbox');
if(storedValue)
{
console.log("VALUE :" + localStorage.getItem('checkbox'));
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="clickME">Click me</button>
关于javascript - 如何创建本地存储?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34812590/