Javascript 如何在没有php的情况下将单选按钮选择从1html传输到另一个HTML

我想用纯JavaScript将单选按钮数据从第一个html传输到第二个html

，如果您使用一些jQuery
，就可以了


1st HTML



1.
2.
3.
4.
拯救
函数saveSession（）{
//我想在这里将单选按钮的值保存到sessionStorage
}
您可以将更改事件处理程序添加到收音机中，并将新值保存到该事件的本地存储器中。在页面加载之后，您需要从本地存储器中读取收音机的保存值，如果它存在，您可以通过id找到一个元素，并将checked设置为true



1.
2.
3.
4.
功能手柄（收音机）{
localStorage.setItem（'numRadio.value'）
}
（功能（）{
const radioValue=localStorage.getItem（'numRadio'）
if（无线电值）{
const targetRadio=document.getElementById（radioValue）
targetRadio.checked=true
}
})()
添加我的评论作为答案。要访问单选按钮值，因为您正在使用jQuery，请尝试以下操作：

$('input[name="num"]:checked').val();

在第一个HTML页面上

sessionStorage.setItem("num", $('input[name="num"]:checked').val());

然后在第二页

 sessionStorage.getItem("num"); 

或者，使用存储的值设置第2页上的收音机值：

$('input[name="num"]').val([sessionStorage.getItem("num")]);

这里有一个小问题：
如果您的html文件在同一个域上，那么您可以使用浏览器的本地存储。这可以帮助您是的，本地存储对文本输入有效，但我不知道如何在单选按钮/复选框上使用它。要访问单选按钮值，因为您使用的是jQuery，请尝试以下操作：$（'input[name=“num”]：checked'）.val（）;setItem（“num”，$（'input[name=“num”]：checked'）.val（）；然后检索它，sessionStorage.getItem（“num”）；它不起作用的原因是我忘了将jquery链接到第二个页面，我只将它链接到了第一个页面。很抱歉给您添麻烦。您知道如何对复选框执行同样的操作吗@Andrew_CSEIt将是一个类似的过程。复选框不像单选按钮那样分组，但您可以通过向复选框添加一个通用名称，然后将该名称用作选择器的一部分来模拟组。这里有一把小提琴，展示了你可以用它做的一些事情，和你的单选按钮场景类似，我包括了从浏览器存储中保存/检索。为了便于比较，这里是使用纯JS而不使用jQuery的同一个复选框fiddle