JSFiddle - React, Tailwind, and code Playground

HTML

<div class="optionHolder">
    <p class="optionName">Format</p>
    <div class="option checked">
        <input type="radio" name="fileType" value="avi" />
        <img src="images/avi.png" alt="" />
        <label>AVI</label>
    </div>
    <div class="option">
        <input type="radio" name="fileType" value="mov" />
        <img src="images/mov.png" alt="" />
        <label>MOV</label>
    </div>
    <div class="option">
        <input type="radio" name="fileType" value="mp4" />
        <img src="images/mp4.png" alt="" />
        <label>MP4</label>
    </div>
    <div class="option">
        <input type="radio" name="fileType" value="mp3" />
        <img src="images/mp3.png" alt="" />
        <label>MP3</label>
        </div>
</div>


<a href='javascript:' id='testRadio'>test radio</a>

JavaScript

jQuery(function(){
    jQuery('#testRadio').bind('click',checkRadio);
})
  function checkRadio()
{
    var isChecked = jQuery("input[name=fileType]:checked").val();
     alert(isChecked)
     
     var booleanVlaueIsChecked=false;
      if(isChecked)
      {
          booleanVlaueIsChecked=true;
      }
    alert(booleanVlaueIsChecked);
}