JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" certificate="true" id="gridcb0" siteid="1381" value="72218" class="custom selector checkedFocus"><label for="gridcb0" class="white">&nbsp;</label> Should not be able to uncheck on re-click of radio button
  
<br>
Should only be clickable once
<input type="radio" id="op5" value="1" name="options2" class="custom" />

JavaScript

jQuery('#op5').click(function () {
        $('input[type=checkbox]').trigger('click');
        $(".white").attr('class', 'white checked');
        $(".blue").attr('class', 'blue checked');
        $(".sub_label").attr('class', 'sub_label')
        $(".sub_label checked").attr('class', 'sub_label')

    });