提交后通过if语句测试输入单选值[重复]答案

【问题标题】：Testing input radio value by if statement after submit [duplicate]提交后通过if语句测试输入单选值[重复]
【发布时间】：2018-06-11 08:22:17
【问题描述】：

代码：

function checkInput() {
  var input1 = document.getElementById("on").value;
  var input = document.getElementById("off").value;

  if (input1 === "on") {
    document.getElementById('reponse').innerHTML = "LED EST ON";
    return false;
  }
  
  if (input === "off") {
    document.getElementById('reponse').innerHTML = "LED EST off";
    return false;
  }
}

<form action="url" method="POST">
  Allumer la LED D7 <br>
  <br>
  <input type="radio" name="arg" value="on" id="on">On.
  <br>
  <input type="radio" name="arg" value="off" id="off">Off.
  <br>
  <br>
  <input type="submit" value="OK" onclick="checkInput()">
  <br>
</form>
<p id="reponse"> </p>

如果我选择打开并提交，我会收到一条消息“LED EST ON”；

如果我选择关闭并提交，我会得到“LED EST Off”

【问题讨论】：

使用的表单标签与问题无关..

标签： javascript jquery html

【解决方案1】：

你可以用更简单的方法来做到这一点，如下所示：

function checkInput(){
  var input = document.querySelectorAll("input[type=radio]:checked");
  if (input[0].getAttribute('value') == 'on') {
  document.getElementById('reponse').innerHTML  = "LED EST ON";
    return false;
  }  
  else{
    document.getElementById('reponse').innerHTML  = "LED EST off";
    return false;
  }
}

<input type ="radio" name="arg" value="on" id="on" >On.
<br>
<input type="radio" name="arg" value="off" id="off" >Off.
<br>
<br>
<input type="submit" value="OK" onclick="checkInput()" >
<br>
<p id="reponse" > </p>

【讨论】：

谢谢马蒙！它的作品如我所愿