在Cookie JavaScript中选中存储复选框

时间:2014-01-15 20:21:46

标签: javascript jquery cookies

我创建了一个可以保存复选框的脚本并将其打印出来。但是现在我需要的代码可以保存cookie中所有点击的复选框,最后它会在屏幕上全部打印出来。(警报)。

这是代码:

<input type='checkbox' id='check1' />check1
<input type='checkbox' id='check2' />check2
<input type='checkbox' id='check3' />check3
<input type='checkbox' id='check4' />check4
<input type='button' onclick="test();" value="Test" />


test = function() {
    var checkboxesIDs = '';
    var inputs = document.getElementsByTagName("input");
    for (var i=0; i<inputs.length; i++) {
         if (inputs[i].type == "checkbox") {  
             if(inputs[i].checked == true) {
                checkboxesIDs+= inputs[i].id +", ";             
             }
         }
    }
    alert(checkboxesIDs);
}

你知道如何在cookie中保存所有内容......

1 个答案:

答案 0 :(得分:0)

在'alert'语句之前,添加'document.cookie'赋值语句以将字符串保存到cookie中。

document.cookie = "checkedboxCookie=" + checkboxesIDs;
alert(checkboxesIDs);

这会将字符串保存到名为'checkedboxCookie'的cookie中。如果您愿意,也可以将过期时间添加到cookie中。