Question

如果检查了某个无线电输入，我遇到了在单独页面上隐藏和显示内容的问题。目前，我试图隐藏特殊内容，如果用户没有检查一个无线电输入。我的代码适用于该页面，该页面切换横幅以允许他们在完成此任务后转到页面，但是当我转到下一页时，内容不会显示。

这是我当前根据正在检查的无线电输入隐藏和显示横幅的脚本。

if ($('input[name=sexo-field]:checked').length > 0) {
    $("#pdfFlipButton").show();
    $("#pdfFlipButtonOff").hide();
} else {
    $("#pdfFlipButton").hide();
    $("#pdfFlipButtonOff").show();
}

但是我如何根据这些参数在下一页显示或隐藏div？

Answer 1

这并不容易，你有三种不好的方法：

必须受影响的页面是子页面，并将数据从父页面发送到子页面。
在两个页面中创建ajax函数，从一个发送方向和另一个必须在几秒钟内检查服务器：
```
setInterval(function(){ 
   //if radio checked
}, 3000);
```
如评论中所述，提交单选按钮并刷新第二页。

Answer 2

正如@adeneo所说，你可以在表单元素中包含单选按钮，并在提交该表单后，在表单指向的下一页上捕获值。或者@Michael Alexander Montero说，你可以使用我更愿意推荐的sessionStorage。

Here是有关如何使用sessionStorage的文档。在你的情况下，它将是例如：

sessionStorage.setItem('radiochecked', true);

在下一页中，您将添加以下行：

if(sessionStorage.getItem('radiochecked') {
     // display the panel
}

已检查验证无线电输入以在单独的页面上显示div

2 个答案: