javascript-如何讓checkbox在刷新頁面後保持之前的狀態

如何讓checkbox在刷新頁面後保持之前的狀態

這個checkbox，假設選中後，刷新當前頁面，讓其保持選中狀態，未選中，刷新後還是未選中，該怎麼寫，存在cookie裡，然後用js控制checkbox的取值和賦值，不知道具體怎麼寫代碼，新手，給完整代碼

最佳回答：

之前不是給過你了？你是單個還是多個checkbox？

 <div id="dvCBs">
    <input type="checkbox" name="cb" value="1" />cb1
    <br /><input type="checkbox" name="cb" value="2" />cb2
    <br /><input type="checkbox" name="cb" value="3" />cb3
</div>
<script>
    var dv = document.getElementById('dvCBs'), cbs = dv.getElementsByTagName('input');
    dv.onclick = function (e) {
        e = e || window.event;
        var o = e.target || e.srcElement;
        if (o.type == 'checkbox') {
            var vs = '';
            for (var i = 0; i < cbs.length; i++)
                if (cbs[i].checked) vs += ',' + cbs[i].value;
            document.cookie = 'vs=' + vs.substring(1);//存儲選中的checkbook的值
        }
    }
    var m = /(^| |;)vs=([^;]+)/.exec(document.cookie);
    if (m) {//cookie中有值，初始化勾選狀態
        var arr = m[2].split(',');
        for(var j=0;j<arr.length;j++)
            for(var i=0;i<cbs.length;i++)
                if (cbs[i].value == arr[j]) { cbs[i].checked = true; break;}
    }
</script>