PHP Checkbox在页面刷新时保持选中或未选中状态

Question

我有一个页面，该页面每9秒自动刷新一次。

也有一个复选框回显：

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

页面上有一个复选框，但是刷新页面后它会自动取消选中。

如何使它保持选中状态，如果未选中则保持未选中状态。

PS：我对Jquery也一无所知，对于PHP / HTML来说，它还是很新的。

文件夹树：

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

Answer 1

您可以简单地使用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");
      }
    });
  });

Answer 2

尝试一下：

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

在您的php代码中。要插入的值可以写在这里，而不是0或1

'DHCPs' => ($this->input->post('DHCPs') == "on") ? 1 : 0

Answer 3

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

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

Answer 4

您可以尝试以下操作（未经测试）：

$('#DHCPs').on('click', function() {
  if ($('#DHCPs').is(':checked')) {
    localStorage.setItem('dhcps', 'checked');
  } else {
    localStorage.setItem('dhcps', 'unchecked');
  }
}

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