Colors 本地存储:保存表颜色开关

Colors 本地存储:保存表颜色开关,colors,storage,local,Colors,Storage,Local,我需要localstorage代码,它使用开关为表保存id=“color1”和id=“color2”。我尝试过几种选择,但都没有成功 $(函数(){ $('#se1')。更改(函数(){ localStorage.setItem('todoData',this.value); }); if(localStorage.getItem('todoData')){ $('#se1').val(localStorage.getItem('todoData')).trigger('change'); }

我需要localstorage代码,它使用开关为表保存id=“color1”和id=“color2”。我尝试过几种选择,但都没有成功

$(函数(){
$('#se1')。更改(函数(){
localStorage.setItem('todoData',this.value);
});
if(localStorage.getItem('todoData')){
$('#se1').val(localStorage.getItem('todoData')).trigger('change');
}
});
$(函数(){
$('#se2')。更改(函数(){
localStorage.setItem('todoData2',this.value);
});
if(localStorage.getItem('todoData2')){
$('#se2').val(localStorage.getItem('todoData2')).trigger('change');
}
});
$(函数(){
if(localStorage.ch1)
$('#ch1').prop(“选中”,localStorage.ch1==1)
$('#ch1')。更改(函数(){
$('.sb').toggleClass(“dis”,this.checked)
localStorage.ch1=this.checked?1:0
});
})
$(函数(){
if(localStorage.ch2)
$('#ch2').prop(“选中”,localStorage.ch2==1)
$('#ch2')。更改(函数(){
$('.sb').toggleClass(“dis”,this.checked)
localStorage.ch2=this.checked?1:0
});
})
$(文档).ready(函数(){
$('[data toggle=“tooltip”]')。tooltip();
});
函数myFunction(x){
x、 切换('blue');
}

.页脚{
位置:固定;
填充:10px0;
不透明度:.9;
左:0;
底部:0;
宽度:100%;
背景色:#212429;
颜色:白色;
文本对齐:居中;
}
#颜色1{
背景色:#D0F0C0;
填充:7px;
利润率:7px;
}
#颜色2{
背景色:#D0F0C0;
填充:7px;
利润率:7px;
}
蓝先生{
背景色:#ffcccb!重要;
}
函数myFunction(x){
x、 切换('blue');
}
.开关{
位置:绝对位置;
显示:内联块;
宽度:52px;
高度:24px;
}
.开关输入{
不透明度:0;
宽度:0;
身高:0;
}
.滑块{
位置:绝对位置;
光标:指针;
排名:0;
左:0;
右:0;
底部:0;
背景色:#b3000c;
-webkit转换:.4s;
过渡:.4s;
}
.滑块:之前{
位置:绝对位置;
内容:“;
高度:20px;
宽度:20px;
左:3px;
底部:2px;
背景色:白色;
-webkit转换:.4s;
过渡:.4s;
}
输入:选中+滑块{
背景色:#0d5901;
}
输入:焦点+.滑块{
盒影:0 0 1px#2196F3;
}
输入:选中+。滑块:之前{
-webkit转换:translateX(26px);
-ms变换:translateX(26px);
转化:translateX(26px);
}
/*圆形滑块*/
.圆滑{
边界半径:34px;
}
.滑块.圆形:之前{
边界半径:50%;
}

1.
2.
3.
4.
5.
6.
1.
2.
3.
4.
1.
2.
1.
2.
3.
4.
1.
2.