用于存储单选按钮数组的Javascript cookie

Javascript cookie to store radio button arrays

本文关键字：Javascript cookie 数组 存储 单选按钮 用于      更新时间：2023-09-26

我有一个javascript cookie，当用户进入网站时，它会设置默认值NYY（no，yes，yes）。基本上，当用户从另一个页面的3个选项（单选或复选框）列表中选择并记住他的设置时，我需要能够更改这个默认值。

这是我的代码

<script type="text/javascript">
function createCookie(name,value,days) {
if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
    var 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;
}
function printCookies(w){
cStr = "";
pCOOKIES = new Array();
pCOOKIES = document.cookie.split('; ');
for(bb = 0; bb < pCOOKIES.length; bb++){
    NmeVal  = new Array();
    NmeVal  = pCOOKIES[bb].split('=');
    if(NmeVal[0]){
        cStr += NmeVal[0] + '=' + unescape(NmeVal[1]) + '; ';
    }
}
return cStr;
}

function eraseCookie(name) {
createCookie(name,"",-1);
}
function setTheDivStyle() {
if(!readCookie('preference')) {
// if cookie not found display the div and create the cookie
document.getElementById("prefBanner").style.display="block";
/*document.getElementById("prefBanner").style.display="block";*/
createCookie('preference', 'NYY', 365);  // 365 day
}
else {
// if cookie found hide the div
document.getElementById("prefBanner").style.display="none";
}
}
// print all cookies set for the domain
allCookies = printCookies();
//document.write(allCookies);
alert(allCookies);
</script>

<body onload="setTheDivStyle();" onclick="setTheDivStyle();">
<div id = "prefBanner" class="prefCookie_banner">cookie policy banner - which the users sees if no cookie is set - to change your cookie preference <a href="newpage">click here</a></div>

新页面：我想在哪里更改cookie的默认值

<FORM NAME="profileForm">
Performance
<input type="radio" value="Y" id="performance" name="performance"><label     for="performance"> Yes</label>
<input type="radio" value="N" id="performance" name="performance"><label   for="performance"> No</label><br />

功能对无

Tracking
<input type="radio" value="Y" id="tracking" name="tracking"><label for="tracking"> Yes</label>
   <input type="radio" value="N" id="tracking" name="tracking"><label for="tracking">     No</label><br />
<input type="submit" >

</FORM>

好吧，这会起作用，但我不会那样做，但从代码和公式化的问题来看，这是最好的答案。

<input type="radio" value="Y" id="trackingY" name="tracking" onclick="createCookie('preference', 'Y', 365);">
<input type="radio" value="N" id="trackingN" name="tracking" onclick="createCookie('preference', 'N', 365);">

你的代码中有一些可怕的错误，很抱歉直接说出来，但如果你继续这样下去，就很难写出更大的函数。

  1. HTML无效：ID是唯一的标识符，这意味着只有一个元素可以具有相同的ID
  2. 在应该使用的地方使用大括号
  3. 使用var声明您的变量

  4. split函数返回一个数组，为什么在split 之前在变量上声明一个新数组

    pCOOKIES=新数组（）；

    pCOOKIES=document.cookie.split（'；'）；

相关文章：