PHP复选框在页面刷新时保持选中或取消选中状态
我有一个页面,每9秒自动刷新一次 还有一个复选框,如下所示: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基本上是新手 文件夹树: 上面
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");
}
});
});