Here I need to get the selected radio button value (123,456,789) and assign it to `valueee` div element? I used `document.getElementsById`, but couldn't get what I need.
Any help would be highly appreciated.

```html
<!DOCTYPE html>
<html>

<head>
  <title>Radio Button Selection</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#radio_submit").click(function(e) {
        var checked_option_radio = document.getElementsByName("deff").value;
        if (checked_option_radio === undefined) {
          alert('Please select options!');
        } else {
          alert("inside else");
          $('#valueee').html(checked_option_radio);

        }
      });
    });
  </script>
</head>

<body>
  <form id="myform">
    <div>Choose option:</div>
    <div>
      <input type="radio" name="user_options" />
    </div>
    <div name="deff" id="val1">123</div>
    <span>CSS</span>
    <br></br>
    <div>
      <input type="radio" name="user_options" />
    </div>
    <div name="deff" id="val2">456</div>
    <span>html</span>
    <br></br>
    <div>
      <input type="radio" name="user_options" />
    </div>
    <div name="deff" id="val3">678</div>
    <span>jquery</span>
    <br></br>
    <div>
      <input type="radio" name="user_options" />
    </div>
    <div name="deff" id="val4">675</div>
    <span>JS</span>
    <br></br>

    <div><button id="radio_submit" type="button">Show Selected Radio</button></div>
  </form>
  <div id="valueee"></div>
</body>

</html>
```