JSFiddle - React, Tailwind, and code Playground

HTML

<div class="textForm">
    <input type="radio" name="txtNumber" value="100" data-hv="1" checked="checked" />100
    <input type="radio" name="txtNumber" value="200" data-hv="2" />200
    <input type="radio" name="txtNumber" value="500" data-hv="3" />500
    <input type="radio" name="txtNumber" value="1000" data-hv="4" />1000
    <input type="radio" name="txtNumber" value="10000" data-hv="5" />10000
    <input type="radio" name="txtNumber" value="other" data-hv="6" />other
    <input type="text" name="other_field" id="other_field" onblur="checktext(this);"
    />
</div>
<div class="formText">
        <input type="radio" name="txtSpace" value="RJ" checked="checked"
        />Space 1.
        <br />
        <input type="radio" name="txtSpace" value="SM" />Space 2.
        <br />
    </div>

<h3>Output:</h3>

<div id="output"></div>
<div id="output2"></div>

JavaScript

$(document).ready(function () {
    $("input[name='txtNumber']").change(function () {
        $("#output").text("Changed to " + $("input[name='txtNumber']:checked").val());
        $("#output2").text("Hidden value is: " + $("input[name='txtNumber']:checked").data('hv') )
    });
});