JavaScript：提交表单后，如何保持单选按钮处于选中状态？

Question

使用（香草）JavaScript，用户提交表单后如何保持单选按钮的“已检查”值？

我有两个表，一个表用于本地存储，另一个表使用数据库。如果用户想在这些表之间切换，则只需选中单选框即可。

当用户使用数据库表更新表单时，即使仍显示数据库表，页面也会重新加载，并且“本地存储”已被“选中”。 Image

Answer 1

您可以执行以下操作：如果表单提交表单，它将重新加载URL中带有#local或#community的页面（取决于选择了哪个单选框）。

然后添加如下内容：

<script type="text/javascript">
$(document).ready(function () {
    if(window.location.href.indexOf("#community") > -1) { // check if URL contains #community in it
       document.getElementById("myCustomCheckBox").checked; // set your checkbox checked
    }
});
</script>

您还可以避免重新加载页面，而无需重新加载就可以使用AJAX进行同样的操作，但是出于某种原因，我认为上述解决方案是必须的。