Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 记住浏览器“后退”按钮上最后选定的单选按钮_Javascript_Angular_Browser_Back Button - Fatal编程技术网

Javascript 记住浏览器“后退”按钮上最后选定的单选按钮

Javascript 记住浏览器“后退”按钮上最后选定的单选按钮,javascript,angular,browser,back-button,Javascript,Angular,Browser,Back Button,我有三个单选按钮 我希望浏览器记住上次选中/选中的单选按钮,同时使用浏览浏览器的“后退”按钮 我已经将这些值存储在本地存储器中 问题和流程, 页面A有一个单选按钮(其中我选择了第二个单选按钮) 现在我转到另一页B 最后,我使用浏览器返回按钮跳回页面 获取选择第一个单选按钮的结果 需要解决此问题的方法:如何动态设置某个内容以记住单选按钮上的上次单击事件 HTML }您可以通过这种方式更改选中的状态 [checked]="variable_name" 这里的变量应该是布尔值 在生命周期钩子中的

我有三个单选按钮

我希望浏览器记住上次选中/选中的单选按钮,同时使用浏览浏览器的“后退”按钮

我已经将这些值存储在本地存储器中

问题和流程,
  • 页面A有一个单选按钮(其中我选择了第二个单选按钮)
  • 现在我转到另一页B
  • 最后,我使用浏览器返回按钮跳回页面
  • 获取选择第一个单选按钮的结果
需要解决此问题的方法:如何动态设置某个内容以记住单选按钮上的上次单击事件

HTML
}

您可以通过这种方式更改选中的状态

[checked]="variable_name"
这里的变量应该是布尔值

在生命周期钩子中的ngOnInit中也写下下面的一行

variable_name = JSON.parse(localstorage.getItem('fieldName_in_localStorage'))

您可以通过这种方式更改“已选中”的状态

[checked]="variable_name"
这里的变量应该是布尔值

在生命周期钩子中的ngOnInit中也写下下面的一行

variable_name = JSON.parse(localstorage.getItem('fieldName_in_localStorage'))

在导航到其他页面之前,请确保将值存储到本地存储中

window.onbeforeunload = function(){
    localStorage.setItem("myradio", radiovalue);
}
下一步:检查本地存储的inside document.ready函数,如果有值,则将其设置为单选按钮

if(localStorage.getItem("myradio") != undefined){
    var myradioValue = localStorage.getItem("myradio")
    $("input[name=input_name][value="+myradioValue+"]").attr('checked', true);
}

在导航到其他页面之前,请确保将值存储到本地存储中

window.onbeforeunload = function(){
    localStorage.setItem("myradio", radiovalue);
}
下一步:检查本地存储的inside document.ready函数,如果有值,则将其设置为单选按钮

if(localStorage.getItem("myradio") != undefined){
    var myradioValue = localStorage.getItem("myradio")
    $("input[name=input_name][value="+myradioValue+"]").attr('checked', true);
}

您在从客户处获取数据后设置了项目,但您是在哪里从localstorage获取项目的,然后将其设置为默认选择单选按钮的范围?您在从客户处获取数据后设置了项目,但您是在哪里从localstorage获取项目的,然后将其设置为默认选择单选按钮的范围的?我没有获得第二个选项解决方案的一部分。您能告诉我更多的代码行应该在哪里吗?1.当您从PageA导航到PageB时,将所选单选按钮值存储到本地存储器中。2.从pageB导航到pageA时,请检查是否存在localstorage变量,如果存在,请设置单选按钮值。注意:我编写的代码是纯javascript,而不是typescript。我不了解解决方案的第二部分。您能告诉我更多的代码行应该在哪里吗?1.当您从PageA导航到PageB时,将所选单选按钮值存储到本地存储器中。2.从pageB导航到pageA时,请检查是否存在localstorage变量,如果存在,请设置单选按钮值。注意:我编写的代码是纯javascript,而不是typescript。