以下是jsfiddle

Question

我希望切换按钮能够记住所选的选项。因为当我刷新浏览器时，我的选择正在重置..我该怎么做？

这是我的代码：

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>

Answer 1

刷新浏览器时，客户端值将重置。

您需要将cookie或session存储在

中

Answer 2

包含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。

以下是jsfiddle
中的示例

使用cookie设置/获取输入值

2 个答案:

以下是jsfiddle