JSFiddle - React, Tailwind, and code Playground

by Osman Salihovic

HTML

Since you have multiple groups of radio buttons you'll need to give them the same names. Example:
<form id="frm">
<p>
    <input type="radio" name="group1" value="art_a"> Art A<br>
    <input type="radio" name="group1" value="art_b" checked> Art B<br>
    <input type="radio" name="group1" value="art_c"> Art C </br>
</p>
<!-- next group -->
<hr>
<p>
    <input type="radio" name="group2" value="image_a"> Favorite Image A<br>
    <input type="radio" name="group2" value="image_b" checked> Favorite Image B<br>
    <input type="radio" name="group2" value="image_c"> Favorite Image C </br>
</p>
</form>

JavaScript

alert($('input:radio[name=group1]:checked').val());

//check option C
$('input:radio[name=group1]:nth(2)').attr('checked',true);

alert($('input:radio[name=group1]:checked').val());