我仍然无法获取要在第二个 html 摘要页面上显示的单选按钮的值。我研究了又研究并更改了 javascript 函数，但还没有接近。让它发挥作用的答案是什么。我需要有人更改我的代码，我可以看到哪里出了问题:(
形式:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<form method="get" action="summary.html">
<label for="firstname">First Name:</label><input id="firstname" name="firstname" type="text" autofocus placeholder="John" required="required" maxlength="15" />
<br>
<label for="surname">Surname:</label><input id="surname" name="surname" type="text" placeholder="Smith" required="required" maxlength="30" />
<br>
<br>
<input type="radio" name="gender" value="male" id="radio1"/><label for="male">Male</label>
<input type="radio" name="gender" value="female" id="radio2" checked="checked"/><label for="female">Female</label>
<br>
<input id="submit" type="submit" value="Register" />
<br>
</form>
</body>
</html>
总结答案；
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="JavaScript.js"></script>
</head>
<body>
<table>
<tr>
<td id="firstname" /></td>
</tr>
<tr>
<td id="surname" /></td>
</tr>
<tr>
<td id="gender" /></td>
</tr>
</table>
</body>
</html>
js.
window.onload = function () {
"use strict";
var url = new URL(window.location.href);
var firstname = url.searchParams.get("firstname"); document.getElementById("firstname").innerText = firstname;
var surname = url.searchParams.get("surname"); document.getElementById("surname").innerText = surname;
//var radios = document.getElementsByName('gender');
//for (var i = 0, length = radios.length; i < length; i++) {
// if (radios[i].checked) {
//innerText = radios;
// break;
/// }
//}
};
添加了我最后尝试的评论。
最佳答案
您的 radio 输入遵循与其他输入相同的模式，因此看起来您只是没有收集它。
var gender = url.searchParams.get('gender');
document.getElementById('gender').innerText = gender;
关于javascript - 我的天啊...我仍然无法获取要显示的单选按钮的值 - Javascript dom，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52911582/