使用cookie設置/獲取輸入值

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

包括它以簡單地設置並獲取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 文檔。

使用cookie設置/獲取輸入值

問題描述

2 個解決方案

解決方案1
0 2013-06-06 08:24:36

解決方案2
0 2013-06-06 09:18:02

這是jsfiddle中的示例

使用cookie設置/獲取輸入值

問題描述

2 個解決方案

解決方案1 0 2013-06-06 08:24:36

解決方案2 0 2013-06-06 09:18:02

這是jsfiddle中的示例

解決方案1
0 2013-06-06 08:24:36

解決方案2
0 2013-06-06 09:18:02