JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
    <legend>Ninja's fight best when full of pie...</legend>
    <ul class="radio_grp">
      <li><input type="radio" id="opt_0" name="pda" checked="checked"/><label for="opt_0" class="on">strongly disagree</label></li>
      <li><input type="radio" id="opt_1" name="pda" /><label for="opt_1">disagree</label></li>
      <li><input type="radio" id="opt_2" name="pda" /><label for="opt_2">agree</label></li>
      <li><input type="radio" id="opt_3" name="pda" /><label for="opt_3">strongly agree</label></li>   
    </ul>
</fieldset>

JavaScript

$(document).ready(function(){
  $("input[type='radio']").each(function(i){
      $(this).change(function(){
          alert('change: '+i);
      });      
  });        
});