bathtimefish/radiobutton-checker-example.html

## radiobutton-checker-example.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Radio button example</title>
  </head>
  <body>
    <form id="form1">
      <div>
        <input type="radio" name="target" value="1" onchange="handler()">
        <span>1</span>
      </div>
      <div>
        <input type="radio" name="target" value="2" onchange="handler()">
        <span>2</span>
      </div>
      <div>
        <input type="radio" name="target" value="3" onchange="handler()">
        <span>3</span>
      </div>
    </form>
    <hr>
    <br>
    <b>Result: </b>
    <span id="result"></span>

  <script>
    var handler = function() {
      var elForm = document.querySelector('#form1');
      var elRadios = elForm.target;
      var value = elRadios.value;
      document.querySelector('#result').innerHTML = value;
    }
  </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Radio button example</title>
	</head>
	<body>
	<form id="form1">
	<div>
	<input type="radio" name="target" value="1" onchange="handler()">
	<span>1</span>
	</div>
	<div>
	<input type="radio" name="target" value="2" onchange="handler()">
	<span>2</span>
	</div>
	<div>
	<input type="radio" name="target" value="3" onchange="handler()">
	<span>3</span>
	</div>
	</form>
	<hr>
	<br>
	<b>Result: </b>
	<span id="result"></span>

	<script>
	var handler = function() {
	var elForm = document.querySelector('#form1');
	var elRadios = elForm.target;
	var value = elRadios.value;
	document.querySelector('#result').innerHTML = value;
	}
	</script>
	</body>
	</html>