Javascript 保存并读取数据库中的复选框值，更改标签的状态

我必须使用复选框作为首选项，因此我将其保存在mysql数据库中以使其始终可用。当我选择复选框时，标签变为启用，反之亦然。保存（提交）时，页面将发送一条allert消息，指示复选框的状态，并将新值保存在db 0=disabled 1=enabled中，然后“重新加载”同一页面并读取新值。现在我有一个问题，脚本在我可以从数据库读取值之前进行了干预。只有在第二次重新加载页面时，才能获得正确的值。我插入了页面刷新，但没有解决问题

-js-

-Html-

<form name="preference" action="preference.php" method="POST">
<div class="col-sm-4"><label class="container" for="check1">Tag 1</label><input type="checkbox" class="checkmark" name="check1" id="check1" value="1" <?php echo ($dbox == 1 ? 'checked' : '');?>></div>
<button style="float:left; margin-left: 0px;" type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> Save </button>
</form>

标签1
首先更改此项，首先生成更新代码，然后选择

if (isset($_POST['check1']) && $_POST['check1'] == '1') {
    Execute("UPDATE box SET value='1' WHERE id = '1'");
}else{
    Execute("UPDATE box SET value='0' WHERE id = '1'");
}
$dbox = "SELECT value FROM box WHERE id = '1'";
$dbox= $db->ExecuteScalar($dbox);
print_r($dbox);//temp


从javascript中删除Urlcheck和checked函数

在标签中添加此代码，而不是标记1

echo ($dbox == 1 ? 'Abled' : 'Disabled');


更好的方法是使用Ajax，将值插入数据库的代码与带有复选框的页面不同。Ajax是一个具有同步功能的JavaScript库
 好的，现在很好用了，但这和其他的一样有效吗？：'禁用'（$dbox==1？'Abled'：'Disabled'）；
if (isset($_POST['check1']) && $_POST['check1'] == '1') {
    Execute("UPDATE box SET value='1' WHERE id = '1'");
}else{
    Execute("UPDATE box SET value='0' WHERE id = '1'");
}
$dbox = "SELECT value FROM box WHERE id = '1'";
$dbox= $db->ExecuteScalar($dbox);
print_r($dbox);//temp

echo ($dbox == 1 ? 'Abled' : 'Disabled');