DOM javascript 表单性别单选按钮“打开”值 output

Question

 function myfunction() { var x = document.getElementById("myform").elements; var para = x[0].value; for (var i = 0; i < x.length; i++) { para = para.concate(x[i].value); } document.getElementById("demo").innerHTML = para; }

 <form id="myform"> name<input type="textbox" name="fname"> email <input type="textbox" name="email"> number <input type="textbox" name="number"> Gender <input type="radio" name="gender" checked>Male <input type="radio" name="gender">Female <button type="button" onclick="myfunction()"> Click me</button> </form> <p id="demo"></p>

我试过了，但我认为有一个错误。 我想显示用户输入但单击它不起作用的整行。 在中间，它正在工作，但在不工作之后。 我想要 output 为jaykumar jay@123 111111 Male 。 以及如何在演示中获得性别男性/女性。 相反，它只给我“开” 。如何在演示中获得价值男性或女性。

Answer 1

因为您没有为radio input增加价值。 根据Mozilla 文档：

如果省略 HTML 中的 value 属性，则提交的表单数据会将 value on分配给组。

 function myfunction() { var x = document.getElementById("myform").elements; var para = x[0].value; for (var i = 0; i < x.length; i++) { para = para.concat(x[i].value); } document.getElementById("demo").innerHTML = para; }

 <form id="myform"> name<input type="textbox" name="fname"> email <input type="textbox" name="email"> number <input type="textbox" name="number"> Gender <input type="radio" checked id="male" name="gender" value="Male"> <label for="male">Male</label> <input type="radio" id="female" name="gender" value="Female"> <label for="female">Female</label> <button type="button" onclick="myfunction()"> Click me</button> </form> <p id="demo"></p>

Answer 2

当它是一个收音机时，你需要有不同的处理，除了增加每个收音机的价值

 function myfunction() { var x = document.getElementById("myform").elements; var para = x[0].value; for (var i = 0; i < x.length; i++) { if ((x[i].type === 'radio' && x[i].checked) || x[i].type === 'text') { para = para.concate(x[i].value); } } document.getElementById("demo").innerHTML = para; }

 <form id="myform"> name<input type="text" name="fname"> email <input type="text" name="email"> number <input type="text" name="number"> Gender <input type="radio" value="Male" name="gender" checked>Male <input type="radio" value="Female" name="gender">Female <button type="button" onclick="myfunction()"> Click me</button> </form> <p id="demo"></p>