JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myform">
    <div>Choose option:</div>
    <div>
        <input type="radio" name="user_options" value="456" />
    </div>
    <div name="deff" id="val1" x>123</div>
    <span>CSS</span>

    <br></br>
    <div>
        <input type="radio" name="user_options" value="456" />
    </div>
    <div name="deff" id="val2">456</div>
    <span>html</span>

    <br></br>
    <div>
        <input type="radio" name="user_options" value="678" />
    </div>
    <div name="deff" id="val3">678</div>
    <span>jquery</span>

    <br></br>
    <div name="deff" id="val4">
        <input type="radio" name="user_options" value="675" />
    </div>
    <input class="text-input" id="other-input" size="5" value="" />
    <span>JS</span>

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

JavaScript

$(document).ready(function () {
    $("#radio_submit").click(function (e) {
        var check = $("input[name=user_options]:checked").parent().next().text();
        if (!check) var check = $("input[name=user_options]:checked").parent().next().val();
        if (!check) {
            alert('Please select options!');
        } else {
            $('#valueee').html(check);
        }
    });
});