javascript - 页面刷新后如何保留输入单选按钮的状态

Question

我有一个表单，上面有 20 个单选按钮。如果页面上有错误（页面将刷新），我需要存储单选按钮的状态。我设法让它工作了 50%。但是，如果我在第二次刷新时选择不同的单选按钮，它仍然会保留第一次提交的状态。

这是我的代码：

var x= $("input[id^='question-']");
  $(x).click(function(){
    localStorage['radios'] = this.checked;
  });

  $(x).prop('checked', localStorage['radios'] == 'true');

任何帮助将不胜感激！

Answer 1

我认为刷新页面后获取值的唯一形式是在发送表单后使用 POST 或 GET 发送信息。推荐使用 PHP 脚本来处理表单并进行验证。

如果您有任何疑问，可以在此处查看如何获取表格信息

Answer 2

您的代码看起来只是一次又一次地覆盖相同的值，而不管它的输入是什么，并且还应该使用更改事件而不是单击。尝试类似（未经测试）：

var $x = $("input[id^='question-']");

// Set localstorage on change event per radio button
$x.on('change', function(){
    localStorage[$(this).attr('name')] = this.checked;
});

// Check all radio buttons on page load against localStorage
$x.each(function(){
    $(this).prop('checked', localStorage[$(this).attr('name')] == 'true');
}