JavaScript 点击不同的li，进入同一个页面，显示相应的状态

动态添加的li列表，点击一个列表进去一个功能页面之后有个声音开关图标，点一下变成关闭状态，退出这个页面，再点下一个列表，还进入这个功能页面，但是图标还是关闭状态，怎么实现点击不同列表进入的功能页保存的都是不同的状态啊？
//点击图标切换
function voice_onOff() {
$(function() {
if ($('#voiceSpan').attr('class') == 'mui-icon setting_icon icon-shengyintixingkai') {
$('#voiceSpan').attr('class', 'mui-icon setting_icon icon-shengyintixingguan');
localStorage.setItem("VOICESTATE", $('#voiceSpan').attr('class'));

} else {

$('#voiceSpan').attr('class', 'mui-icon setting_icon icon-shengyintixingkai');
localStorage.setItem("VOICESTATE", $('#voiceSpan').attr('class'));
}
});
}
//页面显示切换后的图标
function get_storage_voice() {
$(function() {
if (localStorage.getItem("VOICESTATE") == null) {
$('#voiceSpan').attr('class', 'mui-icon setting_icon icon-shengyintixingkai');
} else {
$('#voiceSpan').attr('class', localStorage.getItem("VOICESTATE"));
}
});
}

在li下的链接里添加一个参数，然后在目标页面对参数处理，

例如xxx.html?state=1、xxx.html?state=2、xxx.html?state=3。
使用js获取state然后根据这么值进行处理

可以私聊我~

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息