Javascript 保持回声'；刷新页面后选中d复选框

我是网页设计新手，是一名实习生，负责对公司网站进行维护和更改。长话短说，我们失去了网站的最新备份，失去了网站的一些功能，这就是其中的一部分

foreach ($regions as $region) {
    echo "<tr>";
    echo "<td><input class=\"live-region\" id=\"".$region['ID']."\" type=\"checkbox\" value></td>";
    echo "<td><label id=\"".$region['ID']."\" for=\"".$region['ID']."\">".$region['name']."</label></td>";
    echo "</tr>";
}

foreach（$regions作为$region）{
回声“；
回声“；
回显“$region['name']”；
回声“；
}

我只需要回显的“区域”及其关联的复选框，以便在页面刷新时保持选中状态。我尝试过一些Javascript，但是它们会选中所有的框，即使只选中了一个。谢谢你的帮助

您可以使用jQuery

$("input[type=checkbox]").change(function() { $(this).toggleClass("checkedBox"); });

---

然后在类中运行元素并将其设置为true/false。

Sessions？饼干？你尝试过什么JS？放一个css类，例如“checked\u option”我使用LocalStorage保持复选框的Javascript，它工作，但也检查了页面上的所有框，即使只选中了一个框。我可以使用一个带有“checked\u option”的css类，但这不就是硬编码要检查的框吗？这仍然需要是一个动态复选框，我只需要它来保存它的“选中”数据。