Question

`$(document).ready(function () {
        var state;
        var a = 0;
        $('button').click(function () {
            if (a == 0) {
                a = 1;
                $.cookie('active', 'active', {expires: 7});
                state=$('button').text($.cookie('active'));
            } else {
                a = 0;
                $.cookie('deactive', 'deactive', {expires: 7});
                state=$('button').text($.cookie('deactive'));
            }
        });
    });`

Blockquote

我点击它时创建了一个按钮更改为on或off。

默认情况下，按钮为off：我想在重新加载页面时保持on。

请举例说明。

Answer 1

你会这样做。

<button onclick="savestate()" type="button" value="off" id="Save">Save</button>
<script type="text/javascript">
window.onload=function(){document.getElementById('Save').value= localStorage.getItem("btnvalue");}

function savestate(){ 
var input = document.getElementById("Save"); 
if(input.value == 'off')
{
localStorage.setItem("btnvalue", 'on');
}

}
</script>

Answer 2

您将使用true和false存储session或localstorage中的按钮状态，并根据您的会话或localstorage值检查按钮的开启和关闭。

Answer 3

您需要将按钮的状态存储或保存到数据库，cookie或会话等某个位置。然后取出存储的值并将其设置为默认值。

创建一个按钮，在重新加载页面时不会更改其值

3 个答案: