php存储复选框的状态,php – 重新加载时保存复选框状态

如何通过会话保存复选框状态？我正在使用此jquery代码来切换选项：

$('div.check input:checkbox').bind('change',function(){

$('#'+this.id+'txt').toggle($(this).is(':checked'));

});

但是当我重新加载时,复选框将恢复为默认状态.我知道我必须使用会话,但如何使用php中的会话使复选框状态持续存在？

HTML：

Name

Reference

Show Name TEXT

Show Ref TEXT

解决方法:

纯粹在JavaScript中支持localStorage(如果可用),否则使用document.cookie.

function getStorage(key_prefix) {

// this function will return us an object with a "set" and "get" method

// using either localStorage if available, or defaulting to document.cookie

if (window.localStorage) {

// use localStorage:

return {

set: function(id, data) {

localStorage.setItem(key_prefix+id, data);

},

get: function(id) {

return localStorage.getItem(key_prefix+id);

}

};

} else {

// use document.cookie:

return {

set: function(id, data) {

document.cookie = key_prefix+id+'='+encodeURIComponent(data);

},

get: function(id, data) {

var cookies = document.cookie, parsed = {};

cookies.replace(/([^=]+)=([^;]*);?\s*/g, function(whole, key, value) {

parsed[key] = decodeURIComponent(value);

});

return parsed[key_prefix+id];

}

};

}

}

jQuery(function($) {

// a key prefix is used for the cookie/storage

var storedData = getStorage('com_mysite_checkboxes_');

$('div.check input:checkbox').bind('change',function(){

$('#'+this.id+'txt').toggle($(this).is(':checked'));

// save the data on change

storedData.set(this.id, $(this).is(':checked')?'checked':'not');

}).each(function() {

// on load, set the value to what we read from storage:

var val = storedData.get(this.id);

if (val == 'checked') $(this).attr('checked', 'checked');

if (val == 'not') $(this).removeAttr('checked');

if (val) $(this).trigger('change');

});

});

标签：jquery,php,session,html

来源： https://codeday.me/bug/20190610/1213004.html