Javascript 根据保存的值显示/隐藏框_Javascript_Php_Jquery_Html

Javascript 根据保存的值显示/隐藏框

javascript php jquery html

Javascript 根据保存的值显示/隐藏框,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个主页，显示一堆平铺框，还有一个指向选项页面的链接，允许我的用户隐藏或显示其中任何一个框，然后保存这些设置以下是我到目前为止的情况：选项页 <script> $(document).ready(function(){ $("#musicHide").click(function(){ $("#mymusic").hide(); }); $("#musicShow").click(function(){

我有一个主页，显示一堆平铺框，还有一个指向选项页面的链接，允许我的用户隐藏或显示其中任何一个框，然后保存这些设置

以下是我到目前为止的情况：选项页

    <script>
    $(document).ready(function(){
      $("#musicHide").click(function(){
        $("#mymusic").hide();
      });
      $("#musicShow").click(function(){
        $("#mymusic").show();
      });
    });
    </script>
</head>

<body>
<p>My Music</p>
<input type="radio" id="musicHide" value="0"/>Hide
<input type="radio" id="musicShow" value="1" checked="checked"/>Show
</body>


$（文档）.ready（函数（）{
$（“#musicHide”）。单击（函数（）{
$（“#我的音乐”）.hide（）；
});
$（“#音乐表演”）。单击（函数（）{
$（“#我的音乐”）.show（）；
});
});
我的音乐
隐藏
显示

主页：

<div class="items">
<a id="mymusic" class="box" href="#" style="background: #F8591A;">
<span>Music</span>
<img height="150px" width="150px" class="icon" src="images/my-music.png" alt="" />
</a>

我目前有一个问题：单击隐藏单选按钮时，“显示”单选按钮不会取消选择

我该怎么做

当我使用选项页面时，它不会更新主页

这可能吗
我是否必须将代码放在主页上而不是另一页（选项页）上
我应该使用主页上的辅助菜单吗

此外，我希望通过用户点击保存按钮来存储每个用户的这些值，以便下次他们打开页面时，页面会记住他们要显示和隐藏的内容。

为了按照您想要的方式设置单选按钮，您需要为每个元素添加相同的名称属性。 e、 g:

隐藏
显示

为了将“选项”持久保存到主页，您需要以某种方式存储首选项。这很可能是某种类型的数据库，但您也可以使用cookie进行临时存储。

$（'element'）。removeAttr（'checked'）？您可以将用户的选择存储在cookie或localStorage中，然后通过读取cookie/localStorage来根据用户的设置自动填充选项。谢谢，这很有效。如何使用PHP将值发送到数据库？是否应该提出一个新问题？我建议您首先对数据库进行一些研究。作为一个基本的编程概念，您必须理解前端/UI和后端数据存储之间的区别。您需要在服务器上安装和配置某种类型的数据库管理系统（DBMS）。流行的数据库软件包括Oracle、Microsoft SQL Server、MySQL、NoSQL等等。配置数据库后，需要能够使用结构化查询语言（SQL）向数据库发出命令。
<input type="radio" id="musicHide" value="0" name="radioMusic"/>Hide
<input type="radio" id="musicShow" value="1" checked="checked" name="radioMusic"/>Show