使用cookie设置/获取输入值

Set/Get input value using cookie

本文关键字：输入 获取 cookie 设置 使用      更新时间：2023-09-26

我希望开关按钮记住选择的选项。因为当我刷新浏览器时，我的选择正在重置。我该怎么做呢?

下面是我的代码: 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>

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

您需要将

存储在cookie或session中

包含这个来简单地设置和获取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文档。

下面是jsfiddle
中的示例
相关文章：