在JavaScript中使用Cookie保持复选框状态 [英] keep checkbox state using cookie in javascript
问题描述
您能否在JavaScript中给我一个示例代码,说明如何在刷新页面时通过创建cookie来保持复选框的状态?
我有以下内容,但是我无法按预期运行它.我是JavaScript新手.
Can you please give me an example code in JavaScript on how to keep the state of a checkbox by creating cookie when I refresh the page?
I have something as the following but I couldn''t manage have it run as I expected. I am new in JavaScript.
/*** Simple interface to cookie ***/
Something.Cookie = function (cookieName, defaultValue) {
function createCookie(name, value, days) {
var expires = "";
var date;
if (days) {
date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split('';'');
var c;
for (var i = 0; i < ca.length; i++) {
c = ca[i];
while (c.charAt(0) === '' '') {
c = c.substring(1, c.length);
}
if (c.indexOf(nameEQ) === 0) {
return c.substring(nameEQ.length, c.length);
}
}
return null;
}
this.read = function () {
var val = readCookie(cookieName);
Something.log("Read " + val + " from cookie " + cookieName);
return val;
};
this.readBoolean = function () {
return this.read() === "true";
};
this.write = function (value) {
createCookie(cookieName, value, 365);
};
this.writeBoolean = function (value) {
value ? this.write("true") : this.write("false");
};
if (this.read() === null) {
this.write(defaultValue);
}
return this;
};
注意:
Note:
onclick="GM_setValue("document.myform.mybox.value","true")
可能也是一种解决方案,而不是使用cookie.
但是,不能在onclick
函数中调用GM_setValue
.
使用GM_setValue
的解决方案也将有所帮助,因为我主要将此代码编写为Greasemonkey.
谢谢,
Artug
could also be a solution instead of using cookies.
However, GM_setValue
cannot be called within onclick
function.
A solution with GM_setValue
would also be helpful because I mainly write this code in Greasemonkey.
Thanks,
Artug
推荐答案
页面上有多个复选框.我想在每次访问页面时保持其状态.
谢谢
I have multiple checkboxes on the page. I want to maintain their states every time I visit the page.
Thanks,
这篇关于在JavaScript中使用Cookie保持复选框状态的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!