JSFiddle - React, Tailwind, and code Playground

by mahny

HTML

<!DOCTYPE html>
<html lang="js" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  </head>
  <body>
    <div class="test">
      <form id="target" action="index.html" method="post">
        <input type="radio" name="type" value="作成" checked>作成
        <input type="radio" name="type" value="選択">選択
      </form>
    </div>
  </body>
</html>

JavaScript

$(function(){
  let radioElement = $('input[name="type"]:radio');

  // 初期値の値
  let beginValue = radioElement.val();
  console.log(beginValue);

  radioElement.on('change', (event) => {
    // 変更時の値
    let changedValue = $(event.target).val();
	  console.log(changedValue);
  });
});