php - 在提交表单时保持 jQuery 显示/隐藏状态

Question

我正在尝试显示一个 HTML block ，如果选中了复选框，则使用 jQuery。一切正常，直到我提交表单(它根据服务器端规则显示表单错误)

但是当查看页面时，HTML block 又被隐藏了。

提交表单时如何保持“show”中 HTML block 的状态？

我正在使用以下内容:

$(document).ready(function(){
    //Hide div w/id extra
   $(".test").css("display","none");

    // Add onclick handler to checkbox w/id checkme
   $("#yes").click(function(){

    // If checked
    if ($("#yes").is(":checked"))
    {
        //show the hidden div
        $(".test").show("fast");
    }
    else
    {
        //otherwise, hide it
        $(".test").hide("fast");
    }
  });

});

Answer 1

听起来您在提交表单时正在刷新页面(例如，经典表单提交)。如果是这样，您有三个选择:

1. 当用户点击复选框时设置一个cookie，用于存储复选框设置；当您的页面加载时，使用 JavaScript 检查 cookie 并根据需要显示/隐藏 HTML block 。

2. 让表单包含一个标志，指示是否选中复选框(可能通过隐藏的输入元素，或者您可以在表单操作中附加一些内容)，并让表单提交后显示的页面默认 HTML block 为根据需要显示或隐藏(通过 style 属性 display: none 隐藏)。

3. 如果您的用户使用 JavaScript，请不要使用经典表单提交，而应使用 Ajax 表单提交。

这些可能按对当前代码影响最小到最大的顺序排列。