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

Posted 2023-03-05

【中文标题】提交后通过if语句测试输入单选值[重复]

【英文标题】：Testing input radio value by if statement after submit [duplicate]

【发布时间】：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”

【问题讨论】：

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

【参考方案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>

【讨论】：

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