Question

我只是尝试从radio button读取值，但它返回undefined。

我没有使用jquery。我认为代码很好但是在Chrome和资源管理器中它没有做任何事情，当我打印出变量的长度＆＃34; opi＆＃34;它给出了undefined。

代码：

＆＃13;

function calc() {
  var v1 = document.getElementById("Text1").value;

  var v2 = document.getElementById("Text2").value;


  var opi = document.getElementsByName("op");

  for (var i = 0; i < opi.length; i++) {

    if (opi[i].checked == true) {
      var operator = opi[i].value;
      break;
    }
  }

  if (operator == "+") {
    var v3 = parseInt(v1) + parseInt(v2);
  }
  if (operator == "-") {
    var v3 = parseInt(v1) - parseInt(v2);
  }

  if (operator == "*") {
    var v3 = parseInt(v1) * parseInt(v2);
  }

  if (operator == "/") {
    var v3 = parseInt(v1) / parseInt(v2);
  }

  document.write(v3);

}

＆＃13;

<head>
  <title></title>
  <script src="JScript1.js" type="text/javascript"></script>
</head>

<body>
  <h2>   My calculator </h2>
  <p>First Value:
    <input id="Text1" type="text" />
    <br />
  </p>
  <p>Second value:
    <input id="Text2" type="text" />
    <br />
  </p>

  <p>
    <input id="Radio1" type="radio" value="+" name="op" />"+"</p>
  <p>
    <input id="Radio2" type="radio" value="-" name="op" />"-"</p>
  <p>
    <input id="Radio3" type="radio" value="*" name="op" />"*"</p>
  <p>
    <input id="Radio4" type="radio" name="op" value="/" />"/"</p>
  <input id="Button1" type="button" value="Calculate" onclick="calc()" />

</body>

＆＃13;

单选按钮不是HTML中的读取值

0 个答案: