Question

我面临的问题是将已检查的单选按钮值从一种形式转移到另一种形式

我的代码在下面

    <html>

<body>
<form id-"from1">
<input name="gender[]" id="gender[]" type="radio" value="male" checked>
<input name="gender[]" id="gender[]" type="radio" value="female" >

<input type="button" border="2" onClick="checkedRadio();" >
</form>

<form id="form2">

<p id="view" id="view">Display Here</p>

</form>
<script>

    function checkedRadio() {

        var input = document.getElementById("gender[]").value;
        document.getElementById("view").innerHTML = input;


    }
    </script>
</body>
</html>`

` 我总是得到“男性”的结果。请任何人都可以帮助我解决这个问题，并且最好是取得结果而不是

Answer 1

您正在尝试获取所有无线电的价值。您需要使用querySelector并按名称查询它，而不是id。这是您的固定代码

<html>

<body>
<form id="form1">
<input name="gender" id="genderMale" type="radio" value="male" checked>
<input name="gender" id="genderFemale" type="radio" value="female">

<input type="button" border="2" onClick="checkedRadio();" >
</form>

<form id="form2">

<p id="view" id="view">Display Here</p>

</form>
<script>

    function checkedRadio() {
        var input = document.querySelector('input[name="gender"]:checked').value;
        document.getElementById("view").innerHTML = input;
    }
</script>
</body>
</html>

单选按钮值显示在另一个表单上

1 个答案: