Testing input radio value by if statement after submit

Question

Code:

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>

i want to if i selected On and submitted i get a message "LED EST ON";

and if i selected Off and submitted i get "LED EST Off"

The form tag used has nothing to do with question.. – Nithin Jan 01 '18 at 05:20 — Nithin, Jan 01 '18 at 05:20

score 1 · Accepted Answer · answered Jan 01 '18 at 05:13

You can do that in a more simpler way like the following:

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>

Thanks Mamun ! its works as I wanted – elhex Jan 01 '18 at 16:08 — elhex, Jan 01 '18 at 16:08

Testing input radio value by if statement after submit

1 Answers1