JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="test">
            <li>               
<div>
                    <input id="l1" class="data uid1" type="radio" value="l1" name="d" unique_id="uid1">
                    <label for="l1">1</label><br/>
                    <input id="l2" class="data uid2" type="radio" value="l2" name="d" unique_id="uid2">
                    <label for="l2">2</label><br/>
                    <input id="l3" class="data uid3" type="radio" value="l3" name="d" unique_id="uid3">
                    <label for="l3">3</label><br/>
                    <input id="l4" class="data uid4" type="radio" value="l4" name="d" unique_id="uid4">
                    <label for="l4">4</label><br/>
                    <input id="l5" class="data uid5" type="radio" value="l5" name="d" unique_id="uid5">
                    <label for="l5">5</label><br/>
                    <input id="l6" class="data uid6" type="radio" value="l6" name="d" unique_id="uid6">
                    <label for="l6">6</label><br/>
                    <input id="l7" class="data uid7" type="radio" value="l7" name="d" unique_id="uid7">
                    <label for="l7">7</label>
                </div>
                        </li>
  <li>
                <div>
                    <input id="l8" class="data uid1" type="radio" value="l8" name="d1" unique_id="uid1">
                    <label for="l8">1</label><br/>
                    <input id="l9" class="data uid2" type="radio" value="l9" name="d1" unique_id="uid2">
                    <label for="l9">2</label><br/>
                    <input id="l10" class="data uid3" type="radio" value="l10" name="d1" unique_id="uid3">
                    <label for="l10">3</label><br/>
                    <input id="l11" class="data uid4" type="radio" value="l11" name="d1" unique_id="uid4">
                    <label for="l11">4</label><br/>
                    <input id="l12" class="data uid5" type="radio" value="l12" name="d1" unique_id="uid5">
                    <label...

JavaScript

$('.test li input[type="radio"]').change(function(evt){
    
    var other_el= $('.test li input[type="radio"][unique_id="' + $(evt.target).attr('unique_id') + '"]').not($(evt.target));
    
    
    if (other_el.length === 1){
        other_el.attr('checked', $(evt.target).has(':checked')); 
    }
   
});
/*
$('.test li input:radio').change(function(){
    
        var unique_id = $(this).attr('unique_id');
        $('input:radio').each(function(){
            
            if($(this).attr('unique_id')==unique_id){
                $(this).attr('checked', true);    
            }
            else {
                $(this).attr('checked', false);
            }
            
        })
        
        
})
*/