1

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

这是我的代码:

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>
4

2 回答 2

0

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

您需要存储cookiesession为此

于 2013-06-06T08:24:36.290 回答
0

包括这个来简单地设置和获取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中的一个例子

于 2013-06-06T09:18:02.073 回答