JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<form id='myForm'>
<div>
  <label for='label-1'>Label 1</label>
  <input id='label-1' type="radio" name="xxx" value="label-1">
</div>
<div>
  <label for='label-2'>Label 2</label>
  <input id='label-2' type="radio" name="xxx" value="label-2">
</div>
<div>
  <label for='label-3'>Label 3</label>
  <input id='label-3' type="radio" name="xxx" value="label-3">
  </div>  
</form>

<p>
Label choisi: <span id='result'></span>
</p>

JavaScript

$(document).ready(function(){
$('#myForm').change(function(){
	console.log('change');
  var c = $('input[name=xxx]:checked', '#myForm').val()
  console.log(c)
  $('#result').html(c)
})

})