Question

我有一个复选框，当我单击该复选框时它会禁用但当我刷新页面时它会恢复为不被禁用如何让它保持禁用状态

＆＃13;

$( "input[type='checkbox']").click(function(event){
  $(this).attr('disabled', true);

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='checkbox' name='checkbox' id='checkBox' class='checkBox' />

＆＃13;

Answer 1

设置复选框的标记，单击它时将标记状态更改为“真实”，然后将其存储到本地存储中。现在，如果刷新页面，将显示复选框值。我不懂Javascript语法。我，Angular 2+打字稿。

Answer 2

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#checkBox1').click(function (event) {
                $(this).attr('disabled', true);
                localStorage.setItem('check', 1);

            });
            var chk = localStorage.getItem('check');
            if (chk) {
                $('#checkBox1').attr('disabled', true);
                $('#checkBox1').attr('checked', true);
            }
        });</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
       <input type='checkbox' name='checkbox' id='checkBox1' class='checkBox' />

    </div>
    </form>
</body>
</html>

输入框禁用逗留

2 个答案: