获取类型的简单JavaScript="；电台；要汇总的值_Javascript

获取类型的简单JavaScript="；电台；要汇总的值

javascript

获取类型的简单JavaScript="；电台；要汇总的值,javascript,Javascript,提前感谢您的帮助：）尝试了一些方法，但遇到了问题，没有结果拥有一个收集数据的form.html，并使用jquery将值获取到summary.html。无法获取单选按钮“性别”的值 form.html 名字：姓：性别：男性女性宁愿不说 summary.html <body> <table> <tr> <td id="firstname" /></td> &l

提前感谢您的帮助：）尝试了一些方法，但遇到了问题，没有结果

拥有一个收集数据的form.html，并使用jquery将值获取到summary.html。无法获取单选按钮“性别”的值

form.html

名字：


姓：




性别：
男性
女性
宁愿不说

summary.html

<body>
<table>
    <tr>         
        <td id="firstname" /></td>
    </tr>
    <tr>
        <td id="surname" /></td>
    </tr>      
    <tr>
        <td id="gender" /></td>
    </tr>
</table>

window.onload=函数（）{
“严格使用”；
var url=新url（window.location.href）；
var firstname=url.searchParams.get（“firstname”）；document.getElementById（“firstname”）。innerText=firstname；
var LANSAME=url.searchParams.get（“姓氏”）；document.getElementById（“姓氏”）。innerText=姓氏；
var radios=document.getElementsByName（'gender'）；
对于（变量i=0，长度=radios.length；i


})
 假设您正在将表单中的参数发送到第二个页面，那么您应该像其他值一样从searchParams中获取性别值
window.onload = function () {
    var url = new URL(window.location.href);

    document.getElementById("firstname").innerText = url.searchParams.get("firstname");

    document.getElementById("surname").innerText = url.searchParams.get("surname");    

    document.getElementById("gender").innerText = url.searchParams.get("gender");
}

要获取单选按钮组中的选定值，您需要选择组中的：选中的元素并获取其.val（）
。下面是一个简单的版本，您可以运行并观察：

jQuery（函数（$）{
$（'form'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
var gender=$（'input[name=“gender”]：checked'）.val（）；
警惕（“性别=”+性别）；
});
});

性别
男性
女性
宁愿不说
我看到了两件事，1。您正在窗口加载时调用所有这些代码。我想你会想在表单提交或点击按钮时做这件事。2.我在这里看不到jQuery的任何用途，这都是js dom选择器。您遇到了什么问题或错误？另外，我假设第二个html就是您发布到的页面。它不包含任何单选按钮，您需要像获取其他值文档一样获取该值。getElementById（“性别”）.innetText=url.searchParams.get（“性别”）Yeh抱歉。简单的dom选择器试图慢慢学习一些功能。OP的问题特别要求使用jQuery解决方案。如果你看他的示例，他根本无法通过jQuery获得值。是的，只要重新阅读问题的主体-问题的标题是误导性的。我刚刚提交了对问题的编辑s/jquery/JavaScript/
：-）抱歉，让我的问题混淆了。请重新阅读您的问题：您试图在表单提交的页面上显示所选值，而不是在表单显示的页面上？在这种情况下，使用url.searchParams.get（“性别”）并使用该值似乎就是您问题的答案。谢谢！对不起，把我的问题弄糊涂了
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) {
        alert(radios[i].value);
        break;
    }
}

window.onload = function () {
    var url = new URL(window.location.href);

    document.getElementById("firstname").innerText = url.searchParams.get("firstname");

    document.getElementById("surname").innerText = url.searchParams.get("surname");    

    document.getElementById("gender").innerText = url.searchParams.get("gender");
}