JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="jquery-2.0.3.js"></script>
  <script type="text/javascript">
    function UpdateState() {
      value = $("input[name='nanashi']:checked").val();

      switch (value) {
        case "item1":
          $("#output").html("中身X が選択されています。");
          break;
        case "item2":
          $("#output").html("中身Y が選択されています。");
          break;
        case "item3":
          $("#output").html("中身Z が選択されています。");
          break;
        default:
          $("#output").html("予期せぬ値です。");
          break;
      }
    }

    $(document).ready(function () {
      UpdateState();
    })

    $(document).ready(function () {
      $("input[name='nanashi']").click(function () {
        UpdateState();
      })
    })
  </script>



<div class="fields" data-required="yes" data-type="radio">

<label class="radio-inline">
<input name="nanashi" class="a" value="item1" checked="checked" type="radio">中身X</label>

<label class="radio-inline">
<input name="nanashi" class="a" value="item2" type="radio">中身Y</label>

<label class="radio-inline">
<input name="nanashi" class="a" value="item3" type="radio">中身Z</label>

</div>

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