Question

这段代码符合我的要求：

< input type="checkbox" checked onclick="return false;" onkeydown="return false;"/>

除了我想从未选中复选框开始。

基本上，我希望复选框以未选中状态开始，然后在勾选时更改为选中状态，然后在页面被刷新和确定之后仍然检查。

如何修改此代码以满足我的需求？

Answer 1

您想使用local storage

这将允许您的复选框“记住”，如果在页面刷新之间进行了检查。

使用此javascript

<html>
    <head>
    </head>
    <body>
        <script type="text/javascript">
            window.onload = function(){
                var cb = document.getElementById("thatonecheckbox");
                var isChecked = localStorage.getItem("thatonecheckbox").toLowerCase() == 'true';
                console.log(isChecked);
                if(isChecked == true)
                    cb.checked = true;
                else
                    cb.checked = false;
            }

            function cbClick(){
                var cb = document.getElementById("thatonecheckbox");
                localStorage.setItem('thatonecheckbox',cb.checked); 
            }
        </script>
        <input id="thatonecheckbox" type="checkbox" onclick="cbClick();" onkeydown="cbClick();"/>
    </body>
</html>

您可能还想考虑sessionStorage。这不会在选项卡之间共享，并且会在关闭选项卡时删除数据。这一切都取决于你的需求。

Answer 2

单词CHECKED - 选中框

首先，请使用

 < input type="checkbox" />

然后添加CHECKED以检查

 < input type="checkbox" CHECKED/>

您需要将数据发布或获取到下一页或使用COOKIE /数据库来保持其状态，没有办法让它总是在没有传递数据的情况下进行检查

我需要创建一个粘性状态复选框

2 个答案: