I have the following div under which there are two radio button labels,

I want to get the radio button id value and save it in browsers local storage and then on form load i need to set the same component i mean select the same radio component.

Please let me know how i can achieve this with the below div where parent div has 2 radio button labels under it.

Thanks,

Raghuram.

<div id="component_20" g360componentspec="type:FieldComponent;dt:1;format:input;fh:none;" g360layoutspec="l:124;lip:t;lif:f;t:29;tip:t;tif:f;r:118;riw:t;rip:t;rif:t;ra:+-;b:21;bih:t;bip:t;bif:t;ba:+-;o:hidden;lbpx:124;tbpx:29;wbpx:118;hbpx:21;efwpx:22;" style="position:absolute; left:124px; top:29px; width:118px; height:21px; overflow:hidden;"><table width="100%" cellspacing="0" cellpadding="0"><colgroup><col width="*"><col width="18"></colgroup><tbody><tr><td><div name="BOOLEAN1" class="radioBool"><input name="BOOLEAN1" type="radio" value="true" id="BOOLEAN1true" onchange="setDirtyFlag(true,this);" aria-label="Boolean, true"><span id="BOOLEAN1true-label">true</span>&nbsp;&nbsp;<input name="BOOLEAN1" type="radio" value="false" id="BOOLEAN1false" checked="" onchange="setDirtyFlag(true,this);" aria-label="Boolean, false"><span id="BOOLEAN1false-label">false</span></div><input type="hidden" name="BOOLEAN1original" id="BOOLEAN1original" value="false"><input type="hidden" name="BOOLEAN1semaphore" id="BOOLEAN1semaphore" value="write"><input type="hidden" name="BOOLEAN1formatter" id="BOOLEAN1formatter" value="none"></td><td><div class="anchorNoLink" style="width:18px;position:relative;top:1px;"><a id="BOOLEAN1errora" href="javascript:alert('');" style="display:none;"><img id="BOOLEAN1errorimg" src="Images/fielderror.gif" alt="No errors" title="No errors"></a></div></td></tr></tbody></table></div>