Java页面刷新后保存原状态,如何让checkbox在刷新页面后保存记录状态源码

刷新当前页面，让其保持选中状态，未选中，刷新后还是未选中

实例

```

cb1

cb2

cb3

cb4

cb5

cb6

cb7

```

console.log($("input[type='checkbox']").eq(0).is(':checked'));

///IQNAG

var dv = document.getElementById('dvCBs')

var k = dv.getElementsByTagName('input');

var arr = [];

function lad(){

arr = [];

for(var i =0; i

var gouxuan=k[i].hasAttribute('checked');

if(!gouxuan){

arr.push(i);

}

}

console.log(arr);

}

var dv = document.getElementById('dvCBs'), cbs = dv.getElementsByTagName('input');

dv.onclick = function (e) {

lad()

e = e || window.event;

var o = e.target || e.srcElement;

console.log(o);

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的值

console.log(document.cookie);

}

}

var m = /(^| |;)vs=([^;]+)/.exec(document.cookie);

if (m) {//cookie中有值，初始化勾选状态

var arr = m[2].split(',');

$("#dvCBs input").removeAttr("checked")

for(var j=0;j

for(var i=0;i

if (cbs[i].value == arr[j]) { cbs[i].checked = true; break;}

}

```

```

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

for(var i=0;i

if (cbs[i].value == arr[j]) { cbs[i].checked = true; break;}

}

获取input的checked

$(".input").click(function(){

console.log($(this))

/

$(".dropdown-menu input[checked]").each(function () {

console.log($(this).attr("checked")); });

console.log($(this).prop('checked'));

console.log($(this).is(':checked'));

console.log($(".dropdown-menu input").is(':checked'));

})

可以借助localStorage保存状态

Document

$("#cb input").change(function(){

var b = $(this).is(":checked");

localStorage.setItem('checkbox', b);

});

$(function(){

if(localStorage.checkbox == "true"){

$("#cb input").prop("checked", "checked");

}

});