问性别单选按钮"on“值输出
EN

Stack Overflow用户

提问于 2021-02-18 08:17:54

回答 2查看 673关注 0票数 0

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>

我试过了，但我想有个窃听器。我想显示用户输入的整行，但单击它不起作用。在中途，它在工作，但在不起作用之后。我要输出作为jaykumar @123 111111男性。以及如何在演示中获取性别的男性/女性。相反，它只给了我“在” .How，以获得价值男性或女性在演示。

getelementbyid

javascript

forms

dom

radio-button

人脸识别特惠活动

精准实时的人脸检测、分析、识别等服务，在线、离线满足多样需求，可应用于智慧零售、智慧社区、在线娱乐等多种应用场景

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-02-19 03:26:57

因为你没有给radio input增加价值。根据莫兹拉博士

如果您忽略了HTML中的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>

票数 1

Stack Overflow用户

发布于 2021-02-19 03:37:49

当它是一台收音机时，除了为每台收音机增加价值之外，还需要有不同的处理方法。

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>