PHP复选框在页面刷新时保持选中或取消选中状态

PHP复选框在页面刷新时保持选中或取消选中状态,php,jquery,html,Php,Jquery,Html,我有一个页面,每9秒自动刷新一次 还有一个复选框,如下所示: echo "<li><b>DHCP Starved?</b> <input type ='checkbox' id ='DHCPs'> </li>"; echo“DHCP不足?”; 页面上有一个复选框,但它将在页面刷新后自动取消选中 我如何使它保持检查,如果它的检查和未检查,如果它的未检查 PS:我对Jquery也不了解,我对PHP/HTML基本上是新手 文件夹树: 上面

我有一个页面,每9秒自动刷新一次

还有一个复选框,如下所示:

echo "<li><b>DHCP Starved?</b> <input type ='checkbox' id ='DHCPs'> </li>";
echo“
  • DHCP不足?
  • ”;
    页面上有一个复选框,但它将在页面刷新后自动取消选中

    我如何使它保持检查,如果它的检查和未检查,如果它的未检查

    PS:我对Jquery也不了解,我对PHP/HTML基本上是新手

    文件夹树:

    上面的代码行在这个文件夹树的index.php中

    试试这个:

    echo "<li><b>DHCP Starved?</b> <input type ='checkbox' id ='DHCPs' name='DHCPs' checked> </li>";
    

    您需要从数据库中提取数据并运行这样的测试

        echo "<li><b>DHCP Starved?</b> <input type ='checkbox' id ='DHCPs' <?php 
    ($data)?'checked':''; ?> > </li>"
    

    echo“
  • DHCP不足?您可以尝试以下操作(未经测试):


    现在,您可以使用localStorage.getItem检查复选框状态。

    您只需使用jQuery来侦听选中的事件并将值设置为localStorage

      $(function() {
        $("#DHCPs").attr("checked", localStorage.getItem("DHCPs_checked") == "true");
    
        $("#DHCPs").click(function() {
          if ($(this).is(":checked")) {
            localStorage.setItem("DHCPs_checked", "true");
          } else {
            localStorage.setItem("DHCPs_checked", "false");
          }
        });
      });
    

    当你刷新页面时,当然检查操作已经消失,你需要一些持久的方法来保存该操作,可能是Cookie或LocalStorages。这将始终选中该框,如果我取消选中该框并刷新,该框将再次被选中。OP询问刷新后如何保留该复选框的状态。您好,我如何使用它?我只是想问一下在我的行后添加?@Kyaw的答案更完整,什么对你更合适。你需要在内部实现jQuery嗨,我看到了他的评论,但我不确定该怎么做?你能给我链接一个例子吗?你好,我如何使用它?我只是在我的行后添加它吗?将它添加到你的html文件中有一个问题,我的html和PHP在同一个位置”你可以在.php文件中编写html代码,放在“你能把我链接到一个例子吗?”?
    $('#DHCPs').on('click', function() {
      if ($('#DHCPs').is(':checked')) {
        localStorage.setItem('dhcps', 'checked');
      } else {
        localStorage.setItem('dhcps', 'unchecked');
      }
    }
    
      $(function() {
        $("#DHCPs").attr("checked", localStorage.getItem("DHCPs_checked") == "true");
    
        $("#DHCPs").click(function() {
          if ($(this).is(":checked")) {
            localStorage.setItem("DHCPs_checked", "true");
          } else {
            localStorage.setItem("DHCPs_checked", "false");
          }
        });
      });