时间戳

首页 > 解决方案 > 如何在没有 php 的情况下将单选按钮选择从 1html 转移到另一个

javascript - 如何在没有 php 的情况下将单选按钮选择从 1html 转移到另一个

问题描述

我想使用 Pure JavaScript 将单选按钮数据从第一个 html 传输到第二个Its ok if you use some jQuery。

使用 jQuery

第一个 HTML

<body>
<label for="1">
<input type="radio" name="num" id="1" checked="checked" value="1" >1
</label>
<label for="2">
<input type="radio" name="num" id="2" value="2" >2
</label>
<label for="3" >
<input type="radio" name="num" id="3" value="3" >3
</label>
<label for="4">
<input type="radio" name="num" id="4" value="4" >4
</label>
<button onclick="saveSession()">save</button>
<script type="text/javascript">
function saveSession(){
// I want to save the value of the radio button to sessionStorage here
}
</script>
</body>

在我的第二个 HTML 中，我想检索这些数据并将单选按钮的值设置为相同。

第二个 HTML

<body onload="type()">
<label for="1">
<input type="radio" name="num" id="1" checked="checked" value="1" >1
</label>
<label for="2">
<input type="radio" name="num" id="2" value="2" >2
</label>
<label for="3" >
<input type="radio" name="num" id="3" value="3" >3
</label>
<label for="4">
<input type="radio" name="num" id="4" value="4" >4
</label>
<script type="text/javascript">
function type(){
//I want to get the data with sessionStorage.getItem()
}
</script>
</body>

如果您还可以告诉我如何禁用表单会更好

提前感谢您的时间和精力！！

标签： javascripthtmljquery

解决方案

添加我的评论作为答案。要访问单选按钮值，因为您使用的是 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")]);

这是一个小提琴：https ://jsfiddle.net/8or3chye/

推荐阅读