Jquery, PHP, 显示, 隐藏, Cookies

Question

我需要一些帮助来处理一段 jquery。这是我第一次涉足这个领域。我试图做的是根据选中或未选中的复选框显示/隐藏 div。我当前的代码按预期工作，但是在保存和刷新之后，尽管复选框可能仍被选中，但由于 jquery 已重新启动，因此 div 再次隐藏。我想知道是否有人可以帮助我重写或添加到我的代码中，如何根据复选框的状态在刷新后保持 jquery 处于活动状态。据我所知，这将需要带有 cookie 或本地存储的东西，但我完全不知道如何绑定它。

jquery

<script>

$(document).ready(function(){
$('#fancy-checkbox-default8').change(function(){
    if(this.checked)
        $('#autoUpdate').show();
    else
        $('#autoUpdate').hide();

});
});
</script>

PHP 复选框

echo "<div class=\"form-group3\">";
echo "<input type=\"checkbox\" name=\"ant_ant\" id=\"fancy-checkbox-
default8\" value=\"1\" autocomplete=\"off\"";
if ($ant_ant == "1") { echo " checked=\"checked\" "; }
echo "/>";
echo "<div class=\"btn-group\">";
echo "<label for=\"fancy-checkbox-default8\" class=\"btn btn-default\">";
echo "<span class=\"fa fa-check fa-lg\"></span>";
echo "<span> </span>";
echo "</label>";
echo "<label for=\"fancy-checkbox-default8\" class=\"btn btn-default 
active\">";
echo "Antenna";
echo "</label>";
echo "</div>";
echo "</div>";

PHP DIV 显示/隐藏

echo "<div id=\"autoUpdate\" style=\"display:none\">";
echo "<div class=\"row2\">";
echo "<div class=\"col-xs-12 form-group\">";
echo "<h4 class=\"title\"> <i class=\"fa fa-signal\"></i> Antenna 
Issues</h4>";
echo "</div>";
echo "</div>";
echo "</div>";

Answer 1

您已经将复选框设置为选中，但您还需要仅在未选中时隐藏 div。在您的 div 的 PHP 中包括以下内容：

echo "<div id=\"autoUpdate\ ";
if ($ant_ant == "1") {echo 'style="display:none"';}
echo ">";