实现checkbox 翻页后,仍保持选中状态
使用的技术
localStorage.setItem(key,val);
localStorage.getItem(key);
<input type="checkbox" value="1" name="ids" onclick="save_storage(this)"/>小明 <input type="checkbox" value="2" name="ids" onclick="save_storage(this)"/>小李 <input type="checkbox" value="3" name="ids" onclick="save_storage(this)"/>小王
选中时存value,不选时移除value的js方法
//存或减选中的值
function save_storage(obj) {
var val=$(obj).val();
var select_ids=localStorage.getItem('select_ids');
if($(obj).prop("checked")){
//选中时,加上里面的值
if(select_ids!=null){
if(select_ids.indexOf(val)==-1){
localStorage.setItem('select_ids',select_ids+','+val);
}
}else{
localStorage.setItem('select_ids',val);
}
}else{
//不选中是去掉里面的值
if(select_ids.indexOf(val)!=-1){
var temp=select_ids.replace(','+val,'');
localStorage.setItem('select_ids',temp);
}
}
}
每一次翻页(刷新)时,选中checkbox的js方法
//设置选中
function set_select() {
var select_ids=localStorage.getItem('select_ids');
$("input[name='ids']").each(function (i,o) {
var val=$(o).val();
if(select_ids.indexOf(val)!=-1){
$(o).prop("checked",true);
}
});
}
使用ready方法设置每次翻页时(刷新),都执行该方法
$(document).ready(function () {
set_select();
});

