javascript - 复选框切换页面 View

标签 javascript html

我想为用户提供一个“高级搜索”页面,可以通过复选框打开或关闭。我制作了一个分层在页面其余部分上的 div,并使用了复选框,如下所示:

style.display = "none"
style.display = "block"

这工作得很好,因为我想要的基本上是一个模式对话框,所以它对我来说很有意义。

我添加了一个“重置”按钮,该按钮应清除所有字段,然后再次显示“高级搜索”页面。我不知道如何完成这一切。我有两个想法,但都行不通:

  1. 重置搜索词的 session 变量,然后以某种方式告诉 刷新页面以启用该复选框。
  2. 不要显示或隐藏 div,而是使用专用的“高级搜索”页面。该页面是带有参数 ?search=true 的根 URL。该复选框可在带参数和不带参数的 URL 之间切换。看起来更容易控制。

我尝试将此类代码用于解决方案 #2,但没有成功:

function ModalPage() {
    if( self.location == location ) 
         { self.location = "?search=true"; }
    else { self.location = location; }
    // (some attempts looked less silly than this...)of #2
}

你的解决方案?

最佳答案

将该选项存储在 session 中然后再次加载页面怎么样?在页面加载时,您可以检查该 session 变量,如果设置了,则检查复选标记。

关于javascript - 复选框切换页面 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10388541/

相关文章:

javascript - 动态输入框的 JQuery 自动完成

javascript - res.redirect 中未定义 - express、request、fs、node-uuid、path 和 multer

html - 为什么我的线性渐变只适用于一页?

css - 如何在页脚 Div(固定位置)中并排对齐 3 个 div

php - PHP 包含不工作

javascript - CSS/JavaScript : After Hover effect

javascript - 可以根据 jsonpath 更新 json 的 JavaScript 库或模块是什么?

javascript - 在 Prop 中传递对象时避免重新渲染 child

javascript - 为什么使用 element.innerHTML 后事件监听器会停止工作?

javascript - margin-left 和 width 属性在 mozilla firefox 中不起作用