我希望切换按钮记住选择的选项。因为当我刷新浏览器时，我的选择正在重置.. 我该怎么做？
这是我的代码：
HTML：
<input type="button" value="Tak" onclick="return change(this);" />
JS：
<script>
function change( el )
{
if ( el.value === "Tak" ){
el.value = "Nie";
}else{
el.value = "Tak";
}
}
</script>
【问题讨论】：
标签： javascript button cookies jquery-cookie
刷新浏览器时客户端值将重置。
为此，您需要存储在cookie 或session 中
【讨论】：
包括this 以简单地设置和获取cookie。 比如：
<head>
<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.cookie.js"></script>
</head>
...
<input type="button" value="Tak" onclick="return setValue(this)" id="btn"/>
现在您可以毫无问题地获取/设置 cookie 并更改输入值，例如：
function setValue(elem){
if(elem.value == "Tak"){
elem.value = "Nie";
$.cookie("btnState", true);
} else {
elem.value = "Tak";
$.cookie("btnState", false);
}
}
function getValue(){
var c = $.cookie("btnState");
if(c != null){
if(c){
$('#btn').val("Nie");
} else {
$('#btn').val("Tak");
}
} else {
//first page view
$.cookie("btnState", true);
$('#btn').val("Nie");
}
}
在页面加载时触发 getValue() 以检查 cookie 值并设置输入值
编辑：
要在页面加载时触发函数，请使用 jQuery .ready 函数，如下所示：
<script>
$(document).ready(function() {
getValue();
});
</script>
jQuery .ready documentation.
【讨论】：