JavaScript：如何在表单提交后检查单选按钮？

【问题标题】：JavaScript: How do I keep a radio button checked after form submit?JavaScript：如何在表单提交后检查单选按钮？
【发布时间】：2018-07-07 22:02:10
【问题描述】：

使用（原版）JavaScript，我如何在用户提交表单后维护单选按钮的“已选中”值？

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

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

【问题讨论】：

标签： javascript html forms http radio-button

【解决方案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 在不重新加载的情况下进行同样的操作，但是如果由于某种原因需要重新加载，我可以想到上述解决方案。

【讨论】：