JSFiddle - React, Tailwind, and code Playground
HTML
<div class="textForm">
<input type="radio" name="txtNumber" value="100" checked="checked" />100
<input type="radio" name="txtNumber" value="200" />200
<input type="radio" name="txtNumber" value="500" />500
<input type="radio" name="txtNumber" value="1000" />1000
<input type="radio" name="txtNumber" value="10000" />10000
<input type="radio" name="txtNumber" value="other" />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>
JavaScript
$(document).ready(function () {
console.log("parsed");
$("input[name='txtNumber']").change(function () {
console.log("changed");
if ($("input[name='txtNumber']:checked").val() == '100') $("#output").text("Changed to 100");
else if ($("input[name='txtNumber']:checked").val() == '200') $("#output").text("Changed to 200");
else if ($("input[name='txtNumber']:checked").val() == '500') $("#output").text("Changed to 500");
else if ($("input[name='txtNumber']:checked").val() == '1000') $("#output").text("Changed to 1000");
else if ($("input[name='txtNumber']:checked").val() == '10000') $("#output").text("Changed to 10000");
else if($("input[name='txtNumber']:checked").val() == 'other')
$("#output").text("Changed to Other");
});
});