JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<fieldset class="target-radios">
        <legend>Date Range</legend>
        <div>
            <input id="dateUnspecified" type="radio" name="muScheduleDateRange" value="0" selected-item="0"/>
        </div>
        <div>
            <input id="dateAll" type="radio" name="muScheduleDateRange" value="1" selected-item="0"/>
        </div>
        <div>
            <input type="radio" id="dateFromTo" name="muScheduleDateRange" value="2" selected-item="0"/>
        </div>
</fieldset>

JavaScript

var divs = $('.target-radios input').map(function () {
     return this.name
 }).get();
 var uniqueName = $.unique(divs);
 for( i=0 ; i<uniqueName.length;i++)
 {
var selected = $("input[name="+uniqueName[i]+"").attr('selected-item'); 
$('input[name='+ uniqueName[i] +']').eq(selected).attr('checked', true);
 }