即使页面刷新后，如何保持复选框的状态“已存储”

Question

我想记住首选项页面的复选框状态。状态应根据用户的选择保持选中或取消选择。

<div class="tab-pane" id="Notifiche">
    <div class="row">
        <div class="col-sm-4">
             <h5>Able/Disable Notify</h5><br>
        </div>
        <div class="col-sm-4">
            <label class="container">
               Able <input type="checkbox" name="check" value="1" <?php if (isset($_POST['check'])) { echo ($_POST['check']=='1' ? 'checked' : '');}?> >
           <span class="checkmark"></span>
           </label>
        </div>
        <div class="col-sm-4"></div>
    </div>
</div>

页面刷新后，它会返回正常状态

Answer 1

您可以通过使用本地存储来实现

您可以通过这种方式存储

window.localStorage.setItem('user', val);

这种方式可以刷新页面

window.localStorage.getItem('user');