JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="saving_account live-search-list">
<form id="target">


   <li class="list-radio">
            <input type="radio" name="bankname" value="hdfc" checked>
    sample text</li>
       <li class="list-radio">
            <input type="radio" name="bankname" value="hdfc1">
    sample text1</li>


   <li class="list-radio">
            <input type="radio" name="bankname" value="hdfc2">
    sample text2</li>



  <button type="submit" class="btn btn-lg btn-block btn_green"  onclick="onButtonClick('{{listbtnAction}}',true,true);" id="bank527" >CONTINUE</button> 
 </form>
 </ul>

JavaScript

$('.saving_account .list-radio').click(function() {
   $('.saving_account .selected_radio').removeClass('selected_radio');
   $(this).toggleClass('selected_radio'); 
    
   $('input[type="radio"]').prop("checked", false);
   $(this).find('input[type="radio"]').prop("checked", true);
   $('#bank527').submit();
    alert( $(this).find('input[type="radio"]').val());
   



   });