如何在页面刷新时保留无线电输入状态

Question

我有一个表单，如果用户提交有错误的表单（如果页面会刷新），我需要存储所有单选按钮的状态。

我想要达到与此非常相似的东西：

$(function(){
        $('.example input[type="radio"]:checked').each(function(){
        $(this).attr("checked",true);
    });

非常感谢任何帮助！

Answer 1

您可以将其状态存储在本地存储中，并在每次加载页面后将其恢复。

存储价值的小例子：

$('#myCheckbox').click(function () {
    localStorage['my.checkbox'] = this.checked;
});

恢复它：

$('#myCheckbox').prop('checked', localStorage['my.checkbox'] == 'true');

Answer 2

也许您将信息存储在会话令牌或会话cookie中。如果您使用html5组件，则可能尝试使用html本地存储。

Answer 3

您只需要更新代码

$(function(){
        $('.example input[type="radio"]').each(function(){
           $(this).attr("checked",$(this).checked());
    });

当用户为单选按钮选择时，它将保存单选按钮的属性。